/*Main-page*/
body.infinite-body-front .gdlr-core-container{
	max-width: 100%!important;
	align-items: center;
	justify-content: center;
}

.gdlr-core-pbf-wrapper-container {
	padding-left: 0px !important;
	width: 1385px !important;
	padding-right: 0px !important;
}

.main-title-div {
	width: 500px !important;
}

/*헤더수정*/

.infinite-fixed-navigation.infinite-style-fixed, .infinite-fixed-navigation.infinite-style-slide{
    position: absolute !important;
}

.infinite-header-container{
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.section {
	flex: 1;
	background-repeat: no-repeat;

}

.main-slider{
    padding-bottom: 0px !important;
}

.infinite-normal-menu{
    text-align: center;
}

.infinite-normal-menu{
    width: 220px;
}

/*section*/
#section1 {
	height: 1150px;

	background-size: cover;
	background-position: left;
	/* background-image: url('/wp-content/uploads/2023/10/MACH_backgrounnd_05.png'); */
}

#section2 {
	height: 1030px;
    background-color: #f2f2f3;
}

#section3 {
	/* background-image: url('/wp-content/uploads/2023/10/MACH_backgrounnd_06.png'); */
    background-size: cover;
}

.title-span-2 {
	font-size: 40px;
	align-items: left;
	color: rgba(0, 0, 0, 0.3);
	font-weight: bold;
	cursor: pointer;
}

.title-span-2::after {
    content: "";
    display: block;
    margin-left: 140px;
    margin-top: -30px;
    width: 245px;
    height: 20px;
    background-color: #2d2d85;
    opacity: 0.1;
}

.title-span-1 {
	font-size: 40px;
    font-weight: bold;
	position: relative;
	display: inline-block;
	text-decoration: none;
	color: #000000;
	white-space: nowrap;
    padding-right: 50px;
    border-right: 1px solid rgba(0, 0, 0, 0.3);
    border: none;
}

.title-span-1::after {
    content: "";
    display: block;
    margin-left: 140px;
    margin-top: -30px;
    width: 243px;
    height: 20px;
    background-color: #ed5a5a;
    opacity: 0.1;
}



.title-span-3 {
	position: relative;
	font-size: 40px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

.title-span-3::after {
    content: "";
    /* display: block;
    margin-left: 320px;
    margin-top: -30px;
    width: 300px;
    height: 20px;
    background-color: #2d2d85;
    opacity: 0.1; */
}

.title-span-4{
    position: relative;
	font-size: 40px;
	font-weight: bold;
	text-decoration: none;
	color: #2d2d85;
}

.title-span-4::after {
    content: "";
    display: block;
    margin-left: 420px;
    margin-top: -30px;
    width: 280px;
    height: 20px;
    background-color: #2d2d85;
    opacity: 0.1;
}


.title-span-1.hidden-before::after {
	display: none !important;
}

.title-span-2.hidden-before2::after {
	display: none !important;
}

.new-span-1 {
	position: relative;
	border-right: 1px solid rgba(0, 0, 0, 0.3);
}

#Su-text {
	font-size: 24px;

	translate: none;
	rotate: none;
	scale: none;
	opacity: 1;
	transform: translate(0px, 0px);
}

.first-paragraph {
	color: black;
	font-size: 23px !important;

}

.title-2-text {
	font-size: 20px;
	color: black;
	translate: none;
	rotate: none;
	scale: none;
	opacity: 1;
	transform: translate(0px, 0px);
}

.title02-div{
    margin-left: 50px;
}

/*Title 수정*/

.title01{
    display: flex;
}

.text-block1,
.text-block2,
.text-block3{
	text-align: center;
}

.text-block1 img, .text-block2 img ,.text-block3 img  {
    height: 130px;
}
 
.main-sube-title {
	margin-top: 40px !important;
	font-size: 25px !important;
	font-weight: bolder !important;
}

.main-sube-title2 {
	margin-top: 20px !important;
	font-size: 25px !important;
	font-weight: bolder !important;
}

.main-sube-text-1 {
	margin-top: 30px !important;
	font-size: 17px !important;
}

.main-sube-text-2 {
	margin-top: 0px !important;
	padding-bottom: 20px;
	font-size: 16px !important;
	border-bottom: 1px solid #ddd !important;
	width: 300px;

	display: inline-block;
}

.main-sube-text-2-add{
    margin-top: 20px !important;
	padding-bottom: 20px;
	font-size: 16px !important;
	border-bottom: 1px solid #ddd !important;
	width: 300px;

	display: inline-block;
}

.main-block02 .main-sube-text3{
    width: 320px;
}

.main-sube-text-3 {
	font-size: 16px !important;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd !important;
	width: 300px;

	display: inline-block;
}

.main-sube-text-4 {
	font-size: 16px !important;
	width: 300px;

	display: inline-block;
}

.main-sube-text-6{
    font-size: 16px !important;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd !important;
	width: 300px;
    letter-spacing: -1px;
	display: inline-block;
}

.main-sube-text-7{
    font-size: 16px !important;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd !important;
    letter-spacing: -1px;
	width: 300px;

	display: inline-block;
}

.main-sube-text-8{
    font-size: 16px !important;
	width: 300px;
    letter-spacing: -1px;
	display: inline-block;
}

.main-sube-text-10{
    margin-top: 50px !important;
    font-size: 16px !important;
	width: 300px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd !important;
    letter-spacing: -1px;
	display: inline-block;
}

.main-sube-text-11{
    font-size: 16px !important;
	width: 300px;
    padding-bottom: 20px;
    letter-spacing: -1px;
    border-bottom: 1px solid #ddd !important;
	display: inline-block;
}

.main-sube-text-12{
    font-size: 16px !important;
	width: 300px;
    letter-spacing: -1px;
	display: inline-block;
}

.main-sub-text-6 {
	font-size: 17px !important;
}

.main-sube-text-add{
    font-size: 16px !important;
	padding-top: 20px;
	border-top: 1px solid #ddd !important;
	width: 300px;
    letter-spacing: -1px;
	display: inline-block;
}

.block {
	text-align: center;
}

.text-block1 {
	width: 460px;
	height: 580px;
	border-radius: 30px;
	background-color: #fff;
	box-shadow: 15px 15px 40px rgba(0, 0, 0, 0.13);
	padding-top: 65px;
	margin-bottom: 25px;
}

.text-block2 {
	width: 460px;
	height: 580px;
	border-radius: 30px;
	background-color: #fff;
	box-shadow: 15px 15px 40px rgba(0, 0, 0, 0.13);
	padding-top: 65px;
	margin-bottom: 25px;
}

.text-block3 {
	width: 460px;
	height: 580px;
	border-radius: 30px;
	background-color: #fff;
	box-shadow: 15px 15px 40px rgba(0, 0, 0, 0.13);
	padding-top: 65px;
	margin-bottom: 25px;
}




.main2-sube-title {
	font-size: 16px !important;
	padding-top: 5px !important;
	margin-bottom: 0px !important;
}

.main2-sube-text {
	font-size: 25px !important;
	padding-top: 5px !important;
	font-weight: bolder !important;
	margin-bottom: 0px !important;
}

.main2-sube-text-link {
	padding-top: 5px !important;
	font-size: 16px !important;
	color: #D7177B;
	cursor: pointer !important;
}

.wapper-sube-2 {
	padding-top: 0px;
}

.news-table td,
.news-table tr {
	background-color: transparent !important;
}

.channel {
	text-align: left;
	padding-left: 15px;
	padding-bottom: 0px;
	font-size: 14px !important;

	margin-bottom: 8px !important;

}

.channel2 {
	text-align: left;
	padding-left: 15px;
	padding-top: 0px;
	font-size: 14px !important;
	color: #000;
}

.news-img {
	border-radius: 30px;
}


.container {
	width: 100%;
	display: flex;
}

.content-subtitle2-2{
    height: 160px;
    transition: all 0.5s ease-out;
}


.column {
	width: calc((100% - 400px) / 3);
	height: 500px;
	border: 1px solid #ccc;
	padding: 20px;
	margin-right: 20px;
	background-size: cover;
	background-repeat: no-repeat;
	transform: translateX(0);
	transition: all 0.5s ease-out;
	border-radius: 30px;
	display: flex;
	flex-direction: column;
	box-shadow: 15px 15px 40px rgba(0, 0, 0, 0.13);
}

/* .bigger 클래스 스타일 */
.bigger {
	width: 708px;
	height: 500px;
	transform: translateX(0);
}

/* .default 클래스 스타일  calc((100% - 60px) / 3*/
.default {
	width: calc((100% - 400px) / 3);
	height: 500px;
	order: initial;
	transform: translateX(0);
}

.first-column {
	background-image: url('/wp-content/uploads/2024/01/KakaoTalk_20240109_170246829.png');
}

.second-column {
	background-image: url('/wp-content/uploads/2024/01/KakaoTalk_20240109_170053174.png');
}

.third-column {
	background-image: url('/wp-content/uploads/2024/01/KakaoTalk_20240109_170246829_01.png');
}

.first-column p,
.second-column p,
.third-column p {
	margin-left: 20px;
	font-size: 18px;
	font-weight: bold;
}

.third-column .product-name {
    transition: all 0.8s ease; 
  }

.anchor-area {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	min-height: 100px;
	background: rgba(255, 255, 255, 0.6);
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
}

.anchor-bg {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 30px 0.8229vw;
}

.product-name {
	font-size: 21px;
	font-weight: bold;
	color: black;
}



.arrow-icon {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url("/wp-content/uploads/2023/09/main_arrow_icon01.png") no-repeat;
}

.search-text {
	font-size: 40px !important;
	color: black;
}

.parent-container {
	text-align: center;
	margin-top: 40px;
}

.input-container {
	display: inline-block;
	text-align: left;
}

.input-wrapper {
	display: flex;
	align-items: center;
	position: relative;
}

.search-title {
	padding-bottom: 0px;
}

#search {
	height: 74px;
	width: 751px;
	line-height: 72px;
	background: white;
	color: #555;
	border: 1px solid #bcbcbc;
	border-radius: 15px;
	padding-left: 25px;
	padding-right: 40px;
	font-size: 21px;
}

#search:focus {
	border: 3px solid black;
	outline: none;
}

#submitButton {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	width: 29px;
	height: 29px;
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
}


.btn-search {
	font-size: 16px;
}

.btn-search span {
	font-size: 20px;
	font-weight: 600;
	margin-right: 20px;
	color: #000;
}

.btn-search button {
	width: 107px;
	height: 48px;
	margin-right: 8px;
	background: #555;
	color: #fff;
	border-radius: 30px;
	border: none;
}

.div-hide {
	display: none;
}

.set1 {
	display: block;
}

.media-btn {
	background: none;
	border: none;
	box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.1);
	border-radius: 20px;
	margin-left: 15px;
	cursor: pointer;
}

.slider-hover {
	cursor: pointer !important;
}

.main-list .kboard-category-list{
    width: 100%;
    margin-bottom: 19px;
    display: flex;
    justify-content: left !important;
}

.main-list .kboard-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.main-list .kboard-category-list{
    background-color: transparent !important;
    border: none !important;
}

.main-list .kboard-category-list .kboard-category-selected {
    margin-right: 8px !important;
    color: #fff;
    background-color: #696969;
    border-color: #696969;
    border-radius: 30px;
    height: 40px;
    width: 100px;
}

.main-list .kboard-category-list li:not([class]) {
    border-radius: 30px;
    margin-right: 8px !important;
    color: #696969;
    background-color: #fff;
    border : 1px solid #696969; 
    height: 40px;
    width: 100px;
    padding : 5px 10px;
}

.main-list .kboard-category-list li:not([class]):hover {
    background-color: #696969;
    transition: .5s all;
}

.main-list .kboard-category-list li:not([class]):hover .txt-category {
    color: #fff;    
    transition: .5s all;
}

.main-list .kboard-category-list li:first-child {
    padding-left: 35px !important;
}

.main-list .kboard-category-list li:nth-child(2) {
    padding-left: 22px !important;
}

.main-list .kboard-category-list li:nth-child(3), .main-list .kboard-category-list li:nth-child(4) {
    padding-left: 28px !important;
}

.main-list .kboard-category-selected .txt-category{
    color: #fff;
    font-size: 15px;
}

.main-list .txt-category{
    font-size: 15px;
}

.main-list .kboard-gallery-item{
    padding-left: 0px !important;
}


.main-list .kboard-category-list a:before{
    content: '　';
    position: absolute;
    font-size: 0;
}

.main-list{
    padding-top: 0px;
}

.main-list .kboard-gallery-item {
    flex: 0 0 calc(33.33% - 30px);
    margin: 5px;
}

.main3-tit{
    padding-bottom: 0px;
}

.kboard-ocean-gallery-button-small{
    top: 50%;
	right: 10px;
	transform: translateX(-250%);
	width: 29px;
	height: 29px;
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
}

.kboard-search input{
    width: 450px !important;
    height: 60px !important;
    border-radius: 30px !important;
    border: 1px solid #bcbcbc !important;
    padding-left: 30px  !important;
}

.kboard-search input:focus{
    border: 1px solid black  !important;
	outline: none  !important;
}

.kboard-search{
    margin-top: 30px;
}

.submit-img{
    position: relative;
    background-color: transparent;
    border: none;
    right: 60px;
    top: 7px;
}

/*푸터*/
footer {
	border-top:1px solid #ddd!important;
} 
.footerLogo {
	width:200px;
}

.copy-right-right {
	text-transform:initial;
	font-size:16px;
	color:#aaa;
	margin-bottom:0px;
}


@media screen and (max-width:768px) {
	footer .infinite-copyright-container {
		display:flex;
		flex-flow:column;
	}
	
	footer .infinite-copyright-container div {
		width:100%;
	}
	
	.copy-right-right {
		font-size:14px;
	}
	
}
@media screen and (max-width: 1024px){

	.tp-leftarrow, .tp-rightarrow{
		display: none !important;
	}

	#section1 {
		height: 1300px;
		background-image: none !important;
	} 
	
	#section2 {
		height: 1600px;
		background-image: none !important;
	}

	.Business-moblie-size{
		width: 850px;
		padding: 0px, 0px;
		margin: 0 auto;
	}

	.container {
		width: 850px;
		display: flex;
		flex-direction:column;
		align-items: center;
		justify-content: center;
	}

	.column {
		display:flex;
		flex-direction: column;
		width: 100%;
		height: 250px;
		border: none;
		padding: 20px;
		margin-bottom: 20px;
		margin-right: 0px;
		background-size: cover;
		background-repeat: no-repeat;
		transform: translateY(0);
		transition: all 0.4s ease-out;
		border-radius: 30px;
		box-shadow: none;
	}

	.bigger {
		width: 100%;
		height: 400px;
		transform: translateY(0);
	}

	.default {
		width: 100%;
		height: 250px;
		order: initial;
		transform: translateY(0);
	}
}


@media screen and (max-width:768px) {
	
	body.infinite-body-front .gdlr-core-container{
		max-width: 100%!important;
		align-items: center;
		justify-content: center;
	}

	#section1 {
		height: 2360;
		background-image: none !important;
	} 
	
	#section2 {
		height: 1500px;
		background-image: none !important;
	}

	#section3 {
		background-image: none !important;
	}

	.Business-moblie-size{
		width: 100%;
		padding: 0px, 0px;
		margin: 0 auto;
	}

	.container {
		width: 100%;
		display: flex;
		flex-direction:column;
		align-items: center;
		justify-content: center;
	}

	.column {
		display:flex;
		flex-direction: column;
		width: 100%;
		height: 250px;
		border: none;
		padding: 20px;
		margin-bottom: 20px;
		margin-right: 0px;
		background-size: cover;
		background-repeat: no-repeat;
		transform: translateY(0);
		transition: all 0.4s ease-out;
		border-radius: 30px;
		box-shadow: none;
	}

	.bigger {
		width: 100%;
		height: 400px;
		transform: translateY(0);
	}

	.default {
		width: 100%;
		height: 250px;
		order: initial;
		transform: translateY(0);
	}

	.arrow-icon {
		display: inline-block;
		width: 40px;
		height: 40px;
		transform: rotate(90deg);
	}

	.title-2-text {
		font-size: 20px;
	}

	.product-name{
		font-size: 20px;
        color: #ffffff;
	}

    .anchor-area {
        background: rgb(118 118 118 / 40%);
    }

    .anchor-bg {
        padding: 30px 3.8229vw;
    }

    .slick-name {
        margin: 45px 0 25px;
        font-size: 23px;
    }

    .slider-div-mo {
        padding: 0 !important;
    }
}

@media screen and (max-width:425px) {

    #section1 {
        height: 1900px;
    }

    #section2 {
        margin-top: 165px;
    }

    .title-2-text {
        font-size: 18px;
    }

    .title-span-3 {
        font-size: 36px;
    }

    .content-subtitle2-2 {
        height: 230px;
    }

    .wapper-sube-2 .text-block1, .wapper-sube-2 .text-block2, .wapper-sube-2 .text-block3 {
        width: 400px;
        height: 470px;
        padding-top: 20px;
    }

    .main-sube-title {
        margin-top: 20px !important;
    }

    .sub-ico {
        height: auto !important;
        padding-top: 35px !important;
    }

    .pro-box-white {
        width: 100% !important;
        padding: 30px 20px !important;
    }

    .circle-flex {
        flex-direction: column;
    }

    .pro-ret {
        text-align: center;
        width: 100% !important;
    }

    .pro-circle {
        margin-right: 0 !important;
    }

    .circle-flex ul {
        margin-top: 8px;
    }

    .media-center {
        text-align: center;
    }

    .pro2-dflex {
        flex-direction: column;
    }

    .pro2-dflex > div:first-child, .pro2-dflex > div:last-child {
        width: 100% !important;
        padding: 0 !important;
        border: 0 !important;
    }

    .pro-table-div {
        flex-direction: column;
    }


}

@media screen and (max-width:375px) {
    .wapper-sube-2 .text-block1, .wapper-sube-2 .text-block2, .wapper-sube-2 .text-block3 {
        width: 350px;
    }
}

.black-text{
	color : black !important;
}

.white-text{
	color:#fff !important;
}
/*Main-page */

.infinite-page-title-wrap{
	background-image: none !important;
	background-color: #fff !important;
}

.infinite-page-caption{
	color: #000 !important;
}

.infinite-header-background-transparent{
	border-bottom: 1px solid #0a0a0a ;
}

.location span::before {
    content: '>';
    padding: 0 10px;
}

.location span {
    font-size: 14px;
    color: #4c4948;
    position: relative;
}

.gdlr-core-pbf-wrapper-container{
	width: 1500px !important;
}

.sub-title {
    font-size: 40px;
	font-weight: bold;
    color: #333130;
    text-align: center;
    position: relative;
	padding-top: 18px;
}

.sub-title::before {
	content: '';
    display: inline-block;
    width: 1px;
    height: 50px;
    margin-right: 0;
    background: #8b8b8b;
    left: 50%;
    top: -50px;
    position: absolute;
}

.snb-inner{
	width: 100%;
	padding-bottom: 7px;
    
}

.about-new{
	border-top: 1px solid #000; /* 원하는 border 스타일과 색상을 지정합니다. */
  }

.sub-copy {
    text-align: center;
	text-transform: capitalize;
	font-weight: 500;
    font-size: 20px;
    color: #444;
    line-height: 30px;
    margin: 15px auto;
    padding: 0 20px 20px;
    max-width: 1440px;
}

/* 기업개요 */
.section-content-introduction{
    margin-top: 0;
    background: unset;
    max-height: 100%;
	padding-top: 0px;
	height: 900px;
	left: 0;
    content: '';
    background: #f8f1eb;
    width: 100%;
    height: 71%;
    z-index: -1;
    background-color: #f2ebe4 !important;
    padding: 100px 0 !important;
}

.company-introduction01{
    background-color: #e2e2e2;
    padding: 100px 0 !important;
}


.introduction {
    text-align: center;
}

.introductory-box {
    box-shadow: 10px 10px 20px 0px rgb(182 180 180 / 20%);
    border: 1px solid #e0e0e0;
    background: #fff;
    border-radius: 20px;
	height: 400px;
	display: flex;
}

.item{
	width: 294px;
}

.item  ul {
    list-style: none;
    margin-left: 0px;
}

.sub-ico{
	height: 165px;
	padding-top: 45px;
}

.line-box {
	border-right: 1px solid #c8c8cc !important;
	margin-top: 40px;
	height: 300px;
 }
  
.line-box-last{
	margin-top: 40px;
	border-right: none!important;
	height: 300px;
}

.line-box-first {
	margin-top: 40px;
	height: 300px;
	border-right: 2px solid #c8c8cc !important;
  }

 .tit {
    font-size: 20px !important;
    color: #302d2c !important;
    line-height: 1.5 !important;
    font-weight: bold;
}

.red {
    font-size: 18px !important;
    color: #555555 !important;
    line-height: 1.5 !important;
    margin-top: 10px !important;
}

.red2 {
    font-size: 18px  !important;
    color: #a50034  !important;
    line-height: 1  !important;

}


.more {
	display: inline-flex;
    font-size: 16px;
    margin-top: 12px;
	font-weight: bold;
}

.more-img{
	position: static;
    display: inline-block;
    background-image: url('/wp-content/uploads/2024/01/sprite_pc.png');
    background-position: -226px -269px;
    width: 17px;
    height: 10px;
    background-size: 431px 383px;
	margin-top: 9px;
    margin-left: 3px;
	cursor: pointer !important;
}

.ceo-box {
    position: relative;
    width: 100%;
}

.ceo-img {
    margin-top: 60px;
    float: right;
	border-radius: 30px;
}

.ceo-img img{
	width: 460px;
	border-radius: 20px;
}

.section-inner {
    position: relative;
    max-width: 1500px;
    margin: 0 auto;
}

.ceo-txt {
    height: 610px;
    max-width: 1300px;
    background-color: #f3f3f3;
    padding: 60px;
    border-radius: 20px;
}

:lang(en) .ceo-txt {
    height: 690px;
}

.name {
    font-size: 32px;
    line-height: 0.93;
    color: #333130;
	font-weight: bolder;
}

.name-sub{
	font-size: 25px;
    line-height: 0.93;
    color: #333130;
	font-weight: 500;
}

.ceo-main-txt {
    padding-top: 20px;
    width: 77%;
    font-size: 20px;
    color: #333130;
    margin-top: 0px;
    font-weight: 500;
    line-height: 30px;
}

.sign{
	padding-left: 380px;
}

.sign img{
	width: 400px;
}

.sub-tit {
    font-size: 32px;
   color: #383838;
   font-weight: 900;
}

.business-item {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}

 .business-item > div {
    max-width: 450px;
}

.business-item div img {
    width: 100%;
}

.item-box {
    padding: 40px;
	height: 600px;
    background-color: #fafafa;
}

.item-tit {
    font-size: 20px;
    line-height: 1.55;
    color: #333130;
	font-weight: bolder;
}

.item-txt {
    font-size: 18px;
    line-height: 1.72;
    color: #4d4948;
    letter-spacing: -0.05em;
	font-weight: 500;
	padding-top: 20px;
}

.item-line {
    position: relative;
    left: -10px;
    border-bottom: 2px solid #e0e0e0;
    width: 305px;
	margin-top: 0px;
    margin-bottom: 30px;
    padding-top: 0px;
}

.item-department {
    font-size: 18px;
    line-height: 1.72;
    color: #4d4948;
    letter-spacing: -0.05em;
    min-height: 240px;
}

.item-department  ul {
    list-style: none;
    margin-left: 0px;
}

.item-department  li {
  padding-bottom: 10px;
  font-weight: 500;
}

.info {
	display:flex;
}
.info .infoImg {
	width:35%;
} 
.info .infoTxtBox {
	width:65%;
}

.infoStatusBox {
	display:flex;
	justify-content:space-evenly;
}
.infoStatusBox .infoStatus {
	display:flex;
	flex-flow:column;
	align-items:center;
}
.infoStatusBox .infoStatus strong {
	font-size:18px;
	color:#050052;
}
.infoStatusBox .infoStatus p {
	text-align:center;
	margin-bottom:0;
	color:#555;
	font-weight:bold;
} 
.infoStatusBox .infoStatus img {
	margin:15px 0 ;
	width:70px;
}

.infoMap {
	width:100%!important;
}

@media screen and (max-width:768px) {
	
	.info {
		flex-flow:column;
	}
	.infoStatusBox {
		flex-wrap:wrap;
	}
	.infoStatusBox .infoStatus {
		width:50%;
	}
	.infoMap {
		width:100%!important;
	}
	
}

/* 연혁 */
.section-content-history-area{
	border-top: 1px solid #ddd;
}

.his-title-line{
	width: 16%;
}

.his-year{
	font-size: 28px;
    color : #cb0915;
    font-weight: 600;
}

.history-div {
	display:flex;
	justify-content:center;
}

.his-title {
	border-top: 2px solid #cb0915 !important;
    padding-right: 25px;
	width: 100%;
}

.his-list {
	width:65%;
    margin-bottom: 0px !important;
}

.his-list li {
    font-size: 18px;
    list-style: none;
    padding: 12px 0;
    color: #404040;
    display: flex;
}

.his-list li:first-child {
    border-top: 1.5px solid #bfbfbf !important;
}

.his-list-year{
    font-weight: 600;
    color: #2b3191;
    padding-right: 10px;
}

.his-list strong {
	color:#333;
	font-weight:bold;
	display:inline-flex;
	flex-wrap:wrap;
	align-items:center;
	font-size:18px;
	width:100px;
}


@media screen and (max-width:768px) {
	.history-div {
		flex-wrap:wrap;
		/*justify-content:center;*/
        flex-direction: column;
        text-align: center;
        
	}
	.his-title {
		width:100%;
		margin-right:0px;
        padding-right: 0px;
	}
	.his-list {
		width:100%;
		margin:0 10px;
	}
	.his-title h5 {
		padding:10px 40px;
		font-size:24px!important;
	}
	.his-list strong {
		font-size:16px;
		display:block
	}
	.his-list strong:after {
		display:none;
	}
    .his-title-line {
        width: 100%;
    }
    .his-list li {
        justify-content: center;
    }
}


/*공통*/

.sub-list {
    display: flex;
    justify-content: center;
    margin-top: 60px;
	position: relative;
    bottom: -65px;
}

.sub-list:before {
    display: table;
    line-height: 0;
    content: "";
}

.sub-list ul {
    list-style: none;
	margin-bottom: 0px;
}

.sub-list li {
    float: left;
	list-style: none;
}

.sub-list li .item {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    padding: 0 20px;
}

.sub-list li .item a:before {
    content: '　';
    position: absolute;
    font-size: 0;
}

.sub-list-text-box {
    position: relative;
    vertical-align: baseline;
}

.on .sub-list-text {
    font-size: 20px;
    color: #333130;
}

.sub-list-text {
    font-size: 20px;
    color: #333130;
}

.on .line-red{
    display: inline-block;
    width: 1px;
	position: relative;
    width: 100%;
    height: 2px;
    background: #333;
    z-index: 0;
	background-origin: padding-box;
}

.line-red {
    position: absolute;
    left: 0;
    display: inline-block;
    width: 1px;
}

.line-red-memod {
    width: 100%;
    height: 2px;
    display: flex;
    justify-content: center;
    margin-top: 15px;
    margin-bottom: 15px;
}

.line-red-memod div{
    width: 13%;
    border-top: solid #f51919 !important;
}

.sub-list-item:hover .line-red {
    display: inline-block;
    width: 1px;
	position: relative;
    width: 100%;
    height: 2px;
    background: #333;
    z-index: 0;
    -webkit-transition: .4s all;
    -o-transition: .4s all;
    transition: .4s all;
}

.sub-list-item {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    padding: 0 20px;
}

/*태양광 모듈 개발*/

.solar-module-Body{
	background-color: #f2ebe4;
	border-top: 1px solid #ddd;
}

.solarTit{
	color: #333130;
    font-size: 22pt;
    line-height: 1.6;
    word-break: keep-all;
	font-weight: bolder;
}

.solarTitTxt{
	padding-top: 10px;
    font-size: 15pt;
    font-weight: 500;
}

.change-area {
    overflow: hidden;
    margin-top: 100px;
}

.pc-img {
    display: block !important;
	width: 600px;
	box-shadow: 3px 3px 40px rgba(0, 0, 0, 0.13);
}

.pho-left {
    position: absolute;
}

.ch-ty01 {
    min-height: 350px;
    margin-top: 59px;
    margin-left: 220px;
    padding-left: 400px;
    padding-bottom: 40px;
    background: #edeef3;
}

.change-area p {
    color: #333130;
    font-size: 28px;
    z-index: 2;
    position: relative;
    top: -20px;
	font-weight: 700;
    letter-spacing: 0px;
}

.change-box {
    width: 980px;
    margin-top: -35px;
}

.ttl {
    color: #4d4948;
    font-size: 22px;
    padding-top: 45px;
	font-weight: 700;
}

.txt01 {
    width: 660px;
    padding-top: 13px;
	margin-left: 0px;
}

.txt01 ul{
    list-style: none !important;
}

.change-box li {
	list-style: none !important;
    color: #4d4948;
    font-size: 20px;
    line-height: 1.9;
    padding-left: 15px;
    letter-spacing: -1px;
	font-weight: 500;
	background: url(/wp-content/uploads/2023/10/bu_circle.png) no-repeat 0 15px;
}

.research03-ty02 {
    width: 1500px;
    margin: 0px auto 120px;
}

 .ch-ty02 {
    min-height: 350px;
    margin-top: 59px;
    margin-right: 220px;
    padding-right: 260px;
    padding-bottom: 40px;
    background: #fafafa;
}

.ch-ty02 p {
    padding-left: 60px;
	letter-spacing: 0px;
}

.pho-right {
    float: right;
}

/*태양전지*/

.section-content-solar{
	border-top: 1px solid #ddd;
	background-color: #f2ebe5;
}

.visual-tit {
    font-size: 30px;
    color: #222;
}

.visual-tit-p {
    padding-top: 16px;
    font-size: 16px;
    color: #444;
    line-height: 30px;
}

.research02-ty02 {
    width: 1500px;
    margin: 0px auto;
}

.solar-title{
	position: relative;
    padding-top: 18px;
    z-index: 1;
    font-size: 32px;
    color: #333130;
	font-weight: 700;
}

.solar-change-area {
    position: relative;
    margin-top: 32px;
}

.solar-change-area::before {
    display: table;
    line-height: 0;
    content: "";
}

.solar-pho-left {
    position: absolute;
    padding-right: 60px;
	width: 600px;
}

.solar-change-box {
    padding-right: 10px;
}

.solar-detail {
    color: #4d4948;
    font-size: 20px;
    padding-top: 57px;
    line-height: 1.6;
	word-break: break-all;
}

.solar-ttl {
	padding-top : 25px;
	color: #333130;
    font-size: 28px;
   font-weight: 700;
    letter-spacing: 0px;
}

.solar-change-area li {
	list-style: none !important;
    color: #4d4948;
    font-size: 20px;
    line-height: 1.9;
    letter-spacing: -0.5px;
    font-weight: 500;
    background: url(/wp-content/uploads/2023/10/bu_circle.png) no-repeat 0 20px;
    padding: 5px 15px 0px;
}

.solar-change-area ul {
	margin-left: 0px;
}

.solar-txt01-title{
	display: inline-block;
    width: 135px;
    vertical-align: top;
    color: #333130;
	font-weight: 600;
    padding-top: 10px;
}

.solar-explan {
    display: inline-block;
    width: 470px;
}

.solar-ch-ty01 {
    margin-left: 220px;
    margin-top: 100px;
    padding-top: 60px;
    padding-left: 400px;
    padding-bottom: 60px;
	background: #edeef3;
}

.solar-ch-ty01-new{
    margin-left: 220px;
    margin-top: 100px;
    padding-top: 35px;
    padding-left: 400px;
    padding-bottom: 35px;
	background: #edeef3;
}

.solar-ch-ty02 {
    margin-top: 60px;
    margin-left: 220px;
	padding-left: 450px;
    padding-bottom: 60px;
}

.solar-txt01-title2{
	display: inline-block;
    width: 200px;
    vertical-align: top;
    color: #333130;
	font-weight: 600;
}

.solar-br{
	display: block;
}

.explan{
	display: inline-block;
}


.research02-ty03 {
    width: 1500px;
    margin: 0px auto ;
	padding-bottom: 60px;
}

.solar-ch-ty03 {
    margin-left: 220px;
	padding-left: 450px;
}

.solar-detail02 {
    color: #4d4948;
    font-size: 20px;
    padding-top: 30px;
    line-height: 1.6;
	word-break: break-all;
}

.right-img{
	position: absolute;
    top: -40px;
    right: -40px;
    width: 600px;
}

.solar-ch-ty04 {
    margin-top: 100px;
	padding-right: 450px;
    padding-bottom: 60px;
}

.img-bg{
	background: #edeef3;
	position: absolute;
    top: 120px;
    right: 40px;
    width: 550px;
    height: 410px;
}

.left-img{
	position: absolute;
    top: -40px;
    left: -40px;
	width: 600px;
}

.img-bg02{
	background: #edeef3;
	position: absolute;
    top: 120px;
    left: 40px;
    width: 550px;
    height: 410px;
}

.explan-detail{
	display: inline-block;
	word-break: break-all;
	width: 570px;
}

/*지속가능전략*/
.bg-strategy{
    background-image: url(/wp-content/uploads/2023/10/bg_sustainability01.jpg);
	background-size: cover;
	padding-top: 120px;
	top: -50px;
}

.bg-strategy .sub-title {
	color: #fff;
}

.bg-strategy .sub-copy
{
	color: #fff;
}

.bg-strategy .sub-title::before {
	content: '';
    display: inline-block;
    width: 1px;
    height: 50px;
    margin-right: 0;
    background: #fff;
    left: 50%;
    top: -50px;
    position: absolute;
}

.section-outer {
    position: relative;
    width: 100%;
    padding: 0 0 80px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.gray{
    background-color: #edeef3 !important;
}

.gray::before {
    content: '';
    position: absolute;
    left: 0;
    top: 25px;
    width: calc(100% - 80px);
    height: calc(100% - 25px);
}

.section-outer .section-type01.space02 {
    margin-top: 80px;
}

.section-outer .section-type01 .sub-tit {
    margin: 0 0 0 0;
    padding-top: 40px;
}

.section-type01 .sub-tit {
    font-size: 35px;
    color: #333130;
    font-weight: 700;
}

.section-outer.gray .section-type01 .sub-txt {
    margin-top: 26px;
    font-size: 18px;
    color: #4c4948;
    line-height: 1.66;
}

.section-cont {
    position: relative;
}

.value-list {
    margin: 65px 0 20px -20px;
}

.value-list ul {
    position: relative;
	list-style: none;
	margin-left: 25px;
}

.value-list li {
    float: left;
    width: 20%;
    height: 224px;
}

.value-list li a {
    display: block;
    width: 280px;
    height: 224px;
    text-align: center;
    font-size: 20px;
	font-weight: 600;
    color: #302d2c;
    background-color: #fff;
}

.value-list li a [class^="ico"] {
    display: block;
    width: 100%;
    height: 160px;
    background-repeat: no-repeat;
    background-size: 80px 72px;
    background-position: center center;
}

.value-list li a:before {
    content: '　';
    position: absolute;
    font-size: 0;
}

.ico01{
	background-image: url(/wp-content/uploads/2023/10/ico_value01.png);
}

.ico02{
	background-image: url(/wp-content/uploads/2023/10/ico_value02.png);
}

.ico03{
	background-image: url(/wp-content/uploads/2023/10/ico_value03.png);
}

.ico04{
	background-image: url(https://leecell.mycafe24.com/wp-content/uploads/2023/10/ico_value05.png);
}

.ico05{
	background-image: url(https://leecell.mycafe24.com/wp-content/uploads/2023/10/ico_value04.png);
}

.on-hover .ico01{
	background-image: url(/wp-content/uploads/2023/10/ico_value01_01.png);
}

.on-hover .ico02{
	background-image: url(/wp-content/uploads/2023/10/ico_value02_01.png);
}

.on-hover .ico03{
	background-image: url(/wp-content/uploads/2023/10/ico_value03_01.png);
}

.on-hover .ico04{
	background-image: url(/wp-content/uploads/2023/10/ico_value05_01.png);
}

.on-hover .ico05{
	background-image: url(/wp-content/uploads/2023/10/ico_value04_01.png);
}

.gray::before {
    content: '';
    position: absolute;
    left: 0;
    top: 25px;
    width: calc(100% - 80px);
    height: calc(100% - 25px);
}

.gray {
    position: relative;
    width: 100%;
    padding: 0 0 60px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.cont{
	display: none; 
	height: 219px; 
	padding-top: 50px; 
	margin-top: 0px; 
	padding-bottom: 50px; 
	margin-bottom: 0px;
}

.cont-hover{
	display: block ;
	height: 219px;
	padding-top: 50px;
	margin-top: 0px;
	padding-bottom: 50px;
	margin-bottom: 0px;
    position: absolute;
    left: 0px;
    top: 244px;
    width: calc(100% - 20px);
    padding: 30px 35px 30px 35px;
    background-color: #fafafa;
    z-index: 2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.cont-tit {
    margin-bottom: 27px;
    font-size: 22px;
    color: #333130;
	font-weight: bold;
}

.cont-txt {
    font-size: 19px;
    color: #4d4948;
    line-height: 32px;
	font-weight: 500;
	word-break: break-all;
}

.value-list li .cont {
    display: none;
    position: absolute;
    left: 20px;
    top: 244px;
    width: calc(100% - 20px);
    padding: 30px 15px 30px 30px;
    background-color: #fafafa;
    z-index: 2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.value-list a:hover {
   color : #fff !important;
   background-color: #a50034;
}

.value-list-ul:after, .value-list-ul:before {
    display: table;
    line-height: 0;
    content: "";
}

.council-list {
    margin-top: 44px;
}

.council-list ul {
    overflow: hidden;
    border: 1px solid #e0e0e0;
	margin-left: 0px;
}

.council-list-clfix:after, .council-list-clfix:before {
    display: table;
    line-height: 0;
    content: "";
}

.council-list li {
    float: left;
    width: 25%;
    height: 300px;
    border-left: 1px solid #e0e0e0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.council-list li:first-child{
    border-left: 0;
}

.council-list li:nth-child(5) {
    border-left: 0;
}

.council-list li:nth-child(5), .council-list li:nth-child(6), .council-list li:nth-child(7), .council-list li:nth-child(8) {
    border-top: 1px solid #e0e0e0;
}

.council-list li .img-wrap {
    width: 100%;
    text-align: center;
    display: flex;
    height: 200px;
    justify-content: center;
    align-items: center;
}

.council-list li .img-wrap .img-bx {
    display: table-cell;
    width: 100%;
}

.council-list li .img-wrap .img-bx>img {
    height: 150px;
}

.council-list li:nth-child(7) .img-wrap img {
    height: 50px;
}

.council-list li .txt-wrap {
    width: 100%;
    text-align: center;
    display: flex;
    height: 100px;
    justify-content: center;
    align-items: center;
}

.council-list li .txt {
    display: block;
    font-size: 20px;
    line-height: 32px;
    margin-top: 0;
	font-weight: 500;
}

.space03{
	margin-top: 26px;
	font-size: 18px;
    color: #4c4948;
    line-height: 1.66;
	word-break: break-all;
}

.move-zone::before {
    content: '';
    position: absolute;
    right: 120px;
    width: calc(1440px - 17px);
    height: 172px;
}


.move-zone .section-type01 {
    margin-top: 0;
    padding-top: 100px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.move-zone-on .section-type01 {
    padding-top: 220px;
}

.section-type01 .council-list-txt {
    font-size: 20px;
    color: #4c4948;
    line-height: 1.66;
    margin-top: 30px;
	margin-left: 0px;
}

.section-type01 .council-list-txt li {
	display: list-item;
	list-style: none !important;
	margin-top: 10px;
    width: 100%;
	font-weight: 500;
}

.section-type01 .council-list-txt li .council-list-year {
    float: left;
    width: 7%;
}

.Sustainability .kboard-category{
	margin-top: 60px;
}

.Sustainability .kboard-category:after, .kboard-category:before {
    display: table;
    line-height: 0;
    content: "";
}

.Sustainability .kboard-category-list{
	display: flex;
    justify-content: center;
    background-color: transparent !important;
    border: none !important;
}

.Sustainability .kboard-category-list li{
	float: left;
}

.Sustainability .kboard-category-list a {
    cursor: pointer !important;
    display: inline-block !important;
    vertical-align: top !important;
	color: #000 !important;
    font-size: 18px !important;
    text-decoration: none!important;
    font-family: inherit!important;
}

.Sustainability .kboard-category-list a:before {
    content: '　';
    position: absolute;
    font-size: 0;
}

.Sustainability .snb-list li .txt-box {
    position: relative;
    vertical-align: baseline;
}

.Sustainability .kboard-category-list li .item-category.on .txt-category {
    font-size: 18px;
    color: #333130;
}

.Sustainability .kboard-category-list li .txt-box .txt-category  {
    position: relative;
    z-index: 1;
    font-size: 20px;
    color: #333;
	font-weight: 600;
}

.Sustainability .item-category:hover .line-red {
    display: inline-block;
    width: 1px;
	position: relative;
    width: 100%;
    height: 2px;
    background: #333;
    z-index: 0;
    -webkit-transition: .4s all;
    -o-transition: .4s all;
    transition: .4s all;
	bottom: 15px;
}

.Sustainability .item-category  {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    padding: 0 20px;
}

 .on-line .line-red {
    display: inline-block;
    width: 1px;
    position: relative;
    width: 100%;
    height: 2px;
    background: #333;
    z-index: 0;
    bottom: 15px;
}

.hide-table{
    display: none;
}

.board-ico{
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    background-image: url(/wp-content/uploads/2023/10/sprite_pc.png);
    background-position: -212px -269px;
    width: 30px;
    height: 10px;
    background-size: 431px 383px;
	position: absolute;
	right: 0;
}

.kboard-pagination a{
	border: none !important;
	background-color: transparent !important;
	font-size: 18px !important;
}


.last-page-em{
	display: inline-block;
    background-image: url(/wp-content/uploads/2023/10/sprite_pc.png);
    background-position: -184px -145px;
    width: 10px;
    height: 14px;
    background-size: 431px 383px;
    margin: -7px 0 0 -5px;
}

.next-page-em{
	display: inline-block;
    background-image: url(/wp-content/uploads/2023/10/sprite_pc.png);
    background-position: -30px -369px;
    width: 8px;
    height: 14px;
    background-size: 431px 383px;
    margin: -7px 0 0 -4px;
}

.first-page-em{
	display: inline-block;
    background-image: url(/wp-content/uploads/2023/10/sprite_pc.png);
    background-position: 0 -369px;
    width: 10px;
    height: 14px;
    background-size: 431px 383px;
    margin: -7px 0 0 -5px;
}

.prev-page-em
{
	display: inline-block;
    background-image: url(/wp-content/uploads/2023/10/sprite_pc.png);
    background-position: -58px -369px;
    width: 8px;
    height: 14px;
    background-size: 431px 383px;
    margin: -7px 0 0 -4px;
}

.kboard-pagination-pages li{
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.kboard-list{
	display: flex;
    flex-wrap: wrap;
	justify-content: center;
    justify-content: space-around;
}

.kboard-gallery-item{
	flex: 0 0 calc(33.33% - 60px);
    margin: 5px;
}

.kboard-gallery-thumbnail{
	width: 100% !important;
	height: 230px !important;
    border-radius: 20px;
    border: 1px solid #000;
}

.kboard-gallery-thumbnail img{
	width: 100% !important;
	height: 230px !important;
	border-radius: 15px  !important;
}

.kboard-gallery-title{
    display: flex !important;
    flex-direction: column;
    justify-content: space-evenly;
    height: 50px !important;
    position: relative;
    text-align: center;
    color: #000000;
}

.spec{
	color: #665852;
	font-size: 16px;
}

.spec-tit{
	display: block;
    position: relative;
    color: #333130;
    word-break: break-all !important;
    font-size: 20px !important;
    line-height: 1.6;
	font-weight: 500;
}

.board-date{
	position: relative;
}

/*기후변화*/

.bg-strategy02{
	background-image: url(/wp-content/uploads/2023/10/climate_change_main_pc.png);
	background-size: cover;
	padding-top: 120px;
	top: -50px;
}

.bg-strategy02 .sub-title {
	color: #fff;
}

.bg-strategy02 .sub-copy
{
	color: #fff;
}

.bg-strategy02 .sub-title::before {
	content: '';
    display: inline-block;
    width: 1px;
    height: 50px;
    margin-right: 0;
    background: #fff;
    left: 50%;
    top: -50px;
    position: absolute;
}

.bg-strategy02 .sub-title-img{
	text-align: center;
}

.bg-strategy02 .sub-title-img img {
    vertical-align: middle;
    border: 0;
    border-style: none;
}

.bg-strategy02 .sub-title-img span + span {
    display: inline-block;
    margin-left: 20px;
}

.climate .sub-tit{
    margin-bottom: 20px;
	font-size: 35px;
    color: #333130;
    font-weight: 700;
}

.climate .sub-txt{
	font-size: 19px;
    font-weight: 500;
    word-break: break-all;
}

.title-ul{
	list-style: none;
	margin-left: 0px;
	margin-top: 15px !important;
}

.title-ul li{
	padding-top: 5px !important;
}

.red-txt-center {
    margin-top: 50px;
    font-size: 28px;
    line-height: 1.07;
    color: #a50034;
    text-align: center;
	font-weight: bold;
}

.compliance-program-list {
    margin-top: 42px;
}

.compliance-program-list ul {
    overflow: hidden;
    border: 1px solid #e0e0e0;
	list-style: none;
	margin-left: 0px !important;
}

.compliance-program-list.clfix:after, .compliance-program-list.clfix:before {
    display: table;
    line-height: 0;
    content: "";
}

.compliance-program-list li {
    float: left;
    width: 25%;
    height: 410px;
    border-left: 1px solid #e0e0e0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
	padding: 5px;
}

.compliance-program-list li:first-child {
    border-left: 0;
}

.compliance-program-list li .img-wrap {
    display: table;
    width: 100%;
    text-align: center;
    margin-top: 50px;
}

.compliance-program-list li .img-wrap .img-bx {
    display: table-cell;
    width: 100%;
    height: 170px;
    vertical-align: middle;
}

.img-bx img {
    vertical-align: middle;
    border: 0;
    border-style: none;
}

.compliance-program-list li .txt {
    display: block;
    font-size: 20px;
    line-height: 32px;
    margin-top: 0;
	font-weight: 600;
}

.compliance-program-list li .sub-txt {
    font-size: 18px;
}

.EnvironmentalTxt {
	border: 1px solid #dbdcdc;
    text-align: center;
    border-radius: 50px;
    width: 53%;
    margin: auto;
    margin-top: 30px;
    padding: 10px 0;
    font-weight: bold;
    font-size: 18px;
    color: #a50034;
}

.climate02{
	padding-top: 0px;
}

.change-area-bx .img-zone {
    float: left;
    width: 50%;
}

.change-area-bx .img-zone img {
    width: 100%;
}

.change-area-bx .txt-zone.v-middle {
    display: table;
    padding-top: 0;
    padding-bottom: 0;
}

.change-area-bx .txt-zone {
    float: left;
    position: relative;
    width: 50%;
    min-height: 320px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 35px 20px 35px 40px;
    background-color: #fff;
}

.change-area-bx .txt-zone.v-middle .bx-area {
    display: table-cell;
    vertical-align: middle;
}

.change-area-bx .txt-zone .txt02.br {
    word-break: keep-all;
}

.change-area-bx .txt-zone .txt02 {
    font-size: 19px;
    letter-spacing: -0.025em;
    color: #4d4948;
    line-height: 1.7;
	font-weight: 500;
}

.change-area-bx .txt-zone .txt02 + .txt02 {
    margin-top: 16px;
}

.recent-data-list.alone .txt02.compliance-guide {
    position: static;
}

.climate03 .sub-tit{
    margin-bottom: 20px;
	font-size: 35px;
    color: #333130;
    font-weight: 700;
}

.recent-data-list.alone {
    height: auto;
    padding: 0;
    display: flex;
    position: relative;
	width: 100%;
    margin-top: 45px;
    border: 1px solid #e0e0e0;
}

.txt02.compliance-guide {
    position: static;
	padding: 67px;
	font-size: 25px;
	font-weight: 700;
    color: #333130;
}

.download-box {
    padding: 55px;
    margin-left: auto;
	display: flex;
}

.recent-data-list.alone .download-box a {
    position: static;
    transform: none;
    left: auto;
	padding: 15px 20px 15px 20px;
    text-align: left;
	width: 100px;
    height: 60px;
}

.download-box a:before {
    content: '　';
    position: absolute;
    font-size: 0;
}

.bttn .txt01 {
    left: 0;
	margin-left: 8px;
}

.hide-txt {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    font-size: 1px;
    line-height: 0;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    margin: -1px;
    padding: 0;
    border: 0;
}

.download-box .bttn .ico-download-white01 {
    position: absolute;
    right: 19px;
    margin-left: 77px;
}

.bttn .ico-download-white01 {
    display: inline-block;
    vertical-align: middle;
    margin-left: 56px;
    background-image: url(/wp-content/uploads/2023/10/sprite_pc.png);
    background-position: -277px -325px;
    width: 18px;
    height: 17px;
    background-size: 431px 383px;
}

.recent-data-list.alone .download-box a ~ a {
    margin-left: 5px;
}

.bttn.type03 .txt01 {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    color: #fff;
    position: relative;
    top: -13px;
    font-weight: 600;
}

.download-box .bttn.style03:hover {
    background-color: #a50034;
}

.bttn.style02 {
    background: #a50034;
}

.bttn.style03 {
    background: #333130;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
}

.bttn {
	display: inline-block;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    border-radius: 15px!important;
}

.accordion-st-area {
    margin-top: 37px;
}

.accordion-st-list {
    border: 1px solid #ccc;
}

.accordion-st-list-item {
    border-bottom: 1px solid #ccc;
	width: 100%;
}

.accordion-st-list .title {
    background-color: #fafafa;
	height: 72px;

}

.accordion-st-list .show-item .title {
    background-color: #fff;
	height: 72px;
}

.accordion-st-list .btn-spread {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 20px 59px;
    text-align: left;
    border: none;
    cursor: pointer;
	background-color: transparent;
}

.accordion-st-list2 .btn-spread2 {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 20px 59px;
    text-align: left;
    border: none;
    cursor: pointer;
	background-color: transparent;
}

.btn-spread {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 20px 59px;
    text-align: left;
    border: none;
    cursor: pointer;
	background-color: transparent;
}

.btn-spread2 {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 20px 59px;
    text-align: left;
    border: none;
    cursor: pointer;
	background-color: transparent;
}

.accordion-st-list3 .btn-spread3 {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 20px 59px;
    text-align: left;
    border: none;
    cursor: pointer;
	background-color: transparent;
}

.accordion-st-list4 .btn-spread4 {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 20px 59px;
    text-align: left;
    border: none;
    cursor: pointer;
	background-color: transparent;
}
.accordion-st-list .title .txt {
    font-size: 23px;
    color: #333130;
	position: absolute;
	font-weight: bold;
}

.accordion-st-list .icon {
    position: absolute;
    top: 50%;
    right: 67px;
    display: block;
    margin-top: 10px;
}

.accordion-st-list .arrow-l {
    right: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);

	position: absolute;
    display: block;
    width: 11px;
    height: 2px;
    background-color: #333130;
    -webkit-transition: .2s all;
    -o-transition: .2s all;
    transition: .2s all;
}

.accordion-st-list .arrow-r {
    top: 0;
    right: -7px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);

	position: absolute;
    display: block;
    width: 11px;
    height: 2px;
    background-color: #333130;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
}

.accordion-st-list .arrow-r {
    position: absolute;
    display: block;
    width: 11px;
    height: 2px;
    background-color: #333130;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
}

.show-item .arrow-l {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

.show-item .arrow-r {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.show-item2 .arrow-l {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

.show-item2 .arrow-r {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.show-item3 .arrow-l {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

.show-item3 .arrow-r {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.show-item4 .arrow-l {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

.show-item4 .arrow-r {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.accordion-st-list .accordion-st-list-item .detail-div {
	max-height: 0;
    overflow: hidden;
    transition: max-height 0.7s ease-in-out;
}

.accordion-st-list .accordion-st-list-item2 .detail-div {
	max-height: 0;
    overflow: hidden;
    transition: max-height 1s ease-in-out;
}

.accordion-st-list .accordion-st-list-item3 .detail-div {
	max-height: 0;
    overflow: hidden;
    transition: max-height 1s ease-in-out;
}


.accordion-st-list .accordion-st-list-item4 .detail-div {
	max-height: 0;
    overflow: hidden;
    transition: max-height 1s ease-in-out;
}


.show-item .detail-div {
    max-height: 500px !important;
}

.show-item2 .detail-div {
    max-height: 1500px !important;
}

.show-item3 .detail-div {
    max-height: 1500px !important;
}

.show-item4 .detail-div {
    max-height: 1500px !important;
}

.accordion-st-list .accordion-st-list-item .detail {
	padding: 10px 60px 35px 60px ;
}

.accordion-st-list .accordion-st-list-item2 .detail {
	padding: 10px 60px 35px 60px ;
}

.accordion-st-list .detail .copy {
    display: block;
    margin: 0;
    font-size: 18px;
    color: #333130;
    line-height: 1.6;
}

.pro-list {
    margin: 24px 0 0;
}

.pro-list .cont:nth-child(odd) {
    background: #edeef3;
}

.pro-list .cont {
    display: table;
    width: 100%;
    height: 100px;
    padding: 15px 40px;
    word-break: keep-all;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.pro-list .ord-box {
    display: table-cell;
    vertical-align: middle;
}

.pro-list .num {
    display: inline-block;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    line-height: 28px;
    text-align: center;
    color: #fff;
    vertical-align: top;
    font-size: 16px;
    background: #a50034;
    vertical-align: middle;
	font-weight: bold;
}

.pro-list .pro-txt {
    display: inline-block;
    width: 90%;
    margin-left: 12px;
    color: #4c4948;
    font-size: 18px;
    line-height: 1.6;
    letter-spacing: -1px;
    word-break: keep-all;
    vertical-align: middle;
}

.accordion-st-list .btn-spread:focus, .accordion-st-list .btn-spread:hover {
    outline: none;
}

.accordion-st-list2 .btn-spread:focus, .accordion-st-list .btn-spread2:hover {
    outline: none;
}

.accordion-st-list-item2 .ord-box{
	display: flex;
}

.accordion-st-list-item2 .num-img{
	margin: 20px;
}

.accordion-st-list-item3 .ord-box{
	display: flex;
}

.accordion-st-list-item3 .num-img{
	margin: 20px;
}

.accordion-st-list-item4 .ord-box{
	display: flex;
}

.accordion-st-list-item4 .num-img{
	margin: 20px;
}
.pro-display{
	display: flex;
    flex-direction: column;
	width: 100%;
}

.pro-display .pro-tit{
	font-size: 20px;
    line-height: 32px;
    margin-top: 0;
    font-weight: 600;
	margin: 20px 10px 0px;
}

.pro-txt-sub{
	font-size: 18px;
	margin: 10px;
}

/*준법경영*/
.bg-strategy03{
	background-image: url(/wp-content/uploads/2023/10/compliance_program_main_pc.png);
	background-size: cover;
	padding-top: 120px;
	top: -50px;
}
.bg-strategy03 .sub-title {
	color: #fff;
}

.bg-strategy03 .sub-copy
{
	color: #fff;
}

.bg-strategy03 .sub-title::before {
	content: '';
    display: inline-block;
    width: 1px;
    height: 50px;
    margin-right: 0;
    background: #fff;
    left: 50%;
    top: -50px;
    position: absolute;
}

.bg-strategy03 .sub-title-img{
	text-align: center;
}

.bg-strategy03 .sub-title-img img {
    vertical-align: middle;
    border: 0;
    border-style: none;
}

.bg-strategy03 .sub-title-img span + span {
    display: inline-block;
    margin-left: 20px;
}

.list02 li{
	height: 360px;
}

.red-txt-center02{
	margin-top: 100px;
}

/*마하테크 연혁*/
.History-title {
    font-size: 35px;
	font-weight: bold;
}

#Application-page{
    display: none;
}

.Registration-table{
    background-color: #fff !important;
    border-collapse: collapse !important;
}

.Registration-table tr{
    background-color: #fff !important;
    border-collapse: collapse !important;
    border-bottom: 1.5px solid #bfbfbf !important;
}

.Registration-table th{
    background-color: #2b3191 !important;
    border-collapse: collapse !important;
    font-size: 23px;
    font-weight: 500;
}

.Registration-table td{
    color : #404040;
}

.product01{
    border-top: 1px solid;
}

/** 231102 **/
.solar-mi-04 {
    padding-right: 590px;
}

.research-02-ty03-mi {
    margin-bottom: 180px !important;
}

.product04-list-li {
    display: flex;
}

.product04-list-div2{
    width: 95%;
}

.product04-list-div3{
    width: 120%;
}

.marketing-border{
    border-top : 1px solid;
}

.MARKETING-box {
    display: flex;
    align-items: center;
}

.MARKETING-box img{
    padding: 40px;
}

.MARKETING-box-titbox {
    font-size: 19px;
    padding: 20px;
    width: 89%;
    vertical-align: middle;
    border-bottom: 1px solid;
}

.MARKETING-box-titbox2 {
    font-size: 19px;
    padding: 40px 20px 20px;
    width: 89%;
    vertical-align: middle;
    border-bottom: 1px solid;
}


.MARKETING-box-tit {
    font-weight: bold;
    font-size: 30px;
    color : #980101;
}

.menu-item-2367 .infinite-normal-menu{
    width: 200px;
}

.menu-item-2371{
    width: 0px;   
    padding-left: 0px;
}

.menu-item-2366 >a{
    margin-top: 30px;
}

.main-product05{
    letter-spacing: -1px;
}

.main-product01, .main-product02, .main-product03, .main-product04 {
    font-size: 20px;
    margin-top: 15px;
}

.main-product-div:hover .main-product01{
    font-weight: bold;
    letter-spacing: -1px;
}

.main-product-div:hover .main-product02{
    font-weight: bold;

}

.main-product-div:hover .main-product03{
    font-weight: bold;
    letter-spacing: -1px;
}

.main-product-div:hover .main-product04{
    font-weight: bold;

}

.main-product-div:hover .main-product05{
    font-weight: bold;
}

.STRATEGY-border{
    border-top: 1px solid;
}

.company-introduction-textdiv{
    padding-top: 15px;
}

/* .CORPORATE-div01{
    background-color: #eeeeee;
} */

.Corporate-box-sign {
    font-weight: bold;
    font-size: 20px;
}

.Corporate-box-txt02, .Corporate-box-txt03{
    padding-top: 10px;
}

.Management-box {
    display: flex;
}

.Management-box-01 {
    text-align: center;
    padding: 30px;
    border: 1px solid;
}

.Management-box-01 ul{
    text-align: left;
}

.Management-box-02 {
    text-align: center;
    padding: 30px;
    border: 1px solid;
    border-left: none;
    border-right: none;
}

.Management-box-02 ul{
    text-align: left;
}

.Management-box-03 {
    text-align: center;
    padding: 30px;
    border: 1px solid;
}

.Management-box-03 ul{
    text-align: left;
}

.Management-box-title {
    color : #0018a5;
    padding: 20px;
    font-weight: bold;
    font-size: 23px;
}

.MARKETING-PRODUCTS-title {
    color: #980101;
    font-size: 30px !important;
    font-weight: bold;
}

.table-sub-tit {
    background-color: #e4ebf2;
    color: #949494;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}

.product-table tr{
    background-color: #fff !important;
    text-align: left;
    color: #949494;
    border-bottom: 1px solid #dddddd !important;
}

.product-table tr:nth-child(5){
    border: none;
}

.product-tableText {
    padding: 18px 0px !important;
}

.product-tableText-02 {
    padding: 21px 0px !important;
}
.prod-mark-third td {
    padding: 13px 0px !important;
}
.marketing-sub-img {
    color: #222222;
    font-weight: 500;
    font-size: 24px;
}
.infinite-mm-menu-wrap.mm-menu {
    --mm-color-background: #fff !important;
}

.mm-menu .mm-btn:hover:before {
    border-color: #979797 !important;
}

.infinite-mm-menu-wrap.mm-menu a:hover {
    color: #050052 !important;
}

.main-slider-mo {
    display: none;
}

.div-about {
    padding-top: 0;
}

/* 모메드솔루션 회사소개 */
.intro-dflex {
    display: flex;
    justify-content: space-between; 
}
.intro-map {
    flex: 4;
    padding-right: 10px;
}
.intro-kakao {
    flex: 8;
}

.intro-map-01 {
    font-size: 30px;
    color: #cb0915;
    font-weight: bold;
}

.intro-map-02 {
    font-size: 30px;
    color: #000000;
    font-weight: bold;
}

.intro-map-03 {
    font-size: 20px;
}

.intro-map-03-01 {
    display: flex;
    flex-wrap: wrap;
}

.intro-map-03-01 div:first-child {
    color: #cb0915;
    padding-right: 10px;
}

.notice-header-div img {
    width: 100%;
}

.notice-info-header {
    width: 100%;
    position: relative;
    text-align: center;
    padding: 0px 0px 30px 0px !important;
}

.notice-info-header .gdlr-core-pbf-wrapper-container {
    width: 100% !important;
}

/* 제품소개 */
.pro-dflex {
    display: flex;
    justify-content: space-between;
}

.pro-box-tit {
    font-size: 35px;
    font-weight: bold;
    color: #444444;
    padding-left: 30px;
    padding-top: 10px;
}

.pro-box-gray {
    background-color: #f6f6f6;
    padding: 15px 45px;
    width: 740px;
    margin-right: 60px;
    margin-top: 16px;
    position: relative;
}

.pro-box-gray > div {
    font-size: 25px;
    font-weight: bold;
}

.pro-box-gray > ul {
    font-size: 18px;
    margin-left: 0;
    padding-top: 10px;
}

.pro-box-gray > ul > li {
    list-style: "-";
    padding: 0 0 8px;
}

.pro-box-white {
    background-color: #ffffff;
    padding: 30px 45px;
    width: 810px;
    margin-top: 16px;
    position: relative;
}

.pro-box-white-left {
    position: absolute;
}

.pro-box-left-ab {
    position: absolute;
}

.pro-box-white > div {
    font-size: 25px;
    font-weight: bold;
    color: #980101;
}

.pro-box-white > ul {
    font-size: 18px;
    margin-left: 0;
    padding-top: 10px;
}

.pro-box-white > ul > li {
    list-style: "-";
    padding: 0 0 8px;
}

.pro-color-red {
    color: #980101;
}

.pro-border-top-red {
    width: 80px;
    border-top: 10px solid #980101 !important;
}

.pro-border-top-red02 {
    width: 85px;
    border-top: 8px solid #980101 !important;
    position: absolute;
    top: -8px;
    left: 0;
}

.pro-border-top-right {
    width: 140px;
    height: 130px;
    border-top: 10px solid #980101 !important;
    border-right: 10px solid #980101 !important;
    position: absolute;
    top: -10px;
    right: -10px;
}

.pro-border-bottom-right {
    width: 140px;
    height: 130px;
    border-bottom: 10px solid #980101 !important;
    border-right: 10px solid #980101 !important;
    position: absolute;
    bottom: -10px;
    right: -10px;
    display: none;
}

.pro-border-top-left {
    width: 100px;
    height: 69px;
    border-top: 10px solid #980101 !important;
    border-left: 10px solid #980101 !important;
    position: absolute;
    top: -10px;
    left: -10px;
}

.mt-80 {
    margin-top: 80px;
}

.pt-155 {
    padding-top: 155px;
}

.pt-140 {
    padding-top: 140px;
    z-index: 1;
}

.sub-menu-title {
    font-size: 35px;
    font-weight: bold;
    padding-top: 100px;
}

.circle-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 45px;
}

.pro-circle {
    width: 226px;
    height: 226px;
    background-color: #cb1924;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 42px;
}

.pro-circle-tit {
    font-size: 30px;
    color: #980101;
    font-weight: bold;
}

.pro-circle-subtit {
    font-size: 25px;
    color: #000000;
}

.circle-flex ul {
    margin-left: 5px;
}

.circle-flex ul li {
    list-style: "-";
    font-size: 18px;
}

.pro-ret {
    width: 660px;
}

.circle-gray {
    background-color: #878787;
}

.ft-30 {
    font-size: 30px;
}

.pro-red {
    font-size: 25px;
    color: #980101;
    font-weight: bold;
}

.pro2-dflex {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 25px;
}

.pro2-dflex > div:first-child {
    border-right: 1px solid #e2e2e2;
    width: 50%;
    padding-right: 20px;
}

.pro2-dflex > div:last-child {
    width: 50%;
    padding-left: 40px;
}

.pro-txt {
    height: 90px;
    font-size: 18px;
}

.pro2-df-box .pro2-dflex:last-child {
    padding-top: 25px;
    border-bottom: none !important;
}

.pro-table-div {
    display: flex;
    justify-content: space-between;
}

.pro-table-div-left {
    flex: 5;
}

.pro-table-div-right {
    flex: 7;
    overflow-x: auto;
}

.pro-table-div-right > div {
    font-size: 25px;
    font-weight: 600;
}

.pro-table-div-right table {
    border-collapse:collapse;
    margin-top: 12px;
}

.pro-table-div-right table tbody {
    height: 266px;
}

.pro-table-div-right table thead tr th {
    background-color: #980101;
    color: #ffffff;
    border: 1px solid #ffffff;
    vertical-align: middle;
}

.pro-table-div-right table tbody tr th {
    background-color: #ffffff;
    color: #444444;
    border: 1px solid #e2e2e2;    
    text-align: center;
    vertical-align: middle;
}

.table-red {
    color: #980101;
    font-weight: bold;
    font-size: 19px !important;
}

.f-bold {
    font-weight: bold;
}

.pro-table-div-left02 {
    flex: 7;
    margin-right: 15px;
    overflow-x: auto;
}

.pro-table-div-right02 {
    flex: 5;
}

.pro-table-div-right02 > div {
    background-color: #ebebeb;
    padding: 20px 80px 20px 24px;
    font-size: 18px;
}

.pro-table-div-right02 img {
    width: 100%;
}

.pro-table-div-right02 > p {
    margin-bottom: 10px;
}

.pro-table-div-left02 ul {
    margin: 10px 0 25px 5px;
}

.pro-table-div-left02 ul li {
    list-style: "-";
    font-size: 18px;
}

.pro-table-div-left02 > div {
    font-size: 25px;
    font-weight: 600;
}

.pro-table-div-left02 table {
    border-collapse:collapse;
}

.pro-table-div-left02 table tbody {

}
table {
    border-collapse: collapse !important;
}
table thead tr th {
    background-color: #980101;
    color: #ffffff;
    border: 1px solid #ffffff;
    vertical-align: middle;
}

/* .pro-table-div-left02 table thead tr th:nth-child(1),.pro-table-div-left02 table thead tr th:nth-child(3),.pro-table-div-left02 table thead tr th:nth-child(4) {
    width: 20%;
}

.pro-table-div-left02 table thead tr th:nth-child(2) {
    width: 40%;
} */

table tbody tr th {
    background-color: #ffffff;
    color: #444444;
    border: 1px solid #e2e2e2;    
    text-align: center;
    vertical-align: middle;
    line-height: 31px;
}

.pro-margin-top {
    margin-top: 100px;
}

.pro-table-last .pro-table-div-left02 {
    margin-left: 25px;
    margin-right: 0 !important;    
    overflow-x: auto;
}

.pro03-dflex {
    display: flex;
    justify-content: space-between;
}

.pro03-tit {
    font-size: 30px;
    font-weight: bold;
    color: #444444;
}

.pro03-subtit {
    font-size: 25px;
    color: #980101;
    padding-left: 25px;
    font-weight: bold;
}

.pro03-subtit02 {
    font-size: 23px;
    padding-left: 25px;
    font-weight: bold;
}

.pro03-dflex ul {
    margin: 0;
    padding-left: 30px;
}

.pro03-dflex ul li {
    list-style: "-";
    font-size: 18px;
    padding: 0 0 5px;
}

.pro03-gray {
    background-color: #f6f6f6;
    padding: 20px 137px 20px 0;
    margin-top: 30px;
    position: absolute;
}

.pro-box-gray02 {
    background-color: #fafafa;
    margin-right: 0;
}

/* 사업분야 */
.business-box {
    display: flex;
    width: 100%;
    justify-content: center;
    padding: 0 50px;
    align-items: center;
}

.business-box > p { 
    padding: 20px;
    width: 10%;
}

.business-box img {
    width: 100%;
} 

.business-box-txt {
    margin-left: 30px;
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-bottom: 1px solid #878787;
    padding-bottom: 40px;
}

.business-box-txt div {
    font-size: 18px;
}

.business-line-div {
    padding: 90px 0px 90px 0px !important;
}

.business-circle-dflex {
    display: flex;
    justify-content: space-around;
}

.business-circle-box {
    text-align: center;
}

.business-circle {
    width: 340px;
    height: 340px;
    background-color: #cb1924;
    border-radius: 50%;
    text-align: center;
    line-height: 340px;
    font-size: 28px;
    color: #ffffff;
}

.business-circle-gray {
    width: 340px;
    height: 340px;
    background-color: #878787;
    border-radius: 50%;
    text-align: center;
    line-height: 340px;
    font-size: 28px;
    color: #ffffff;
}

.business-circle-txt {
    font-size: 20px;
    margin-top: 25px;
}

.business-circle-div {
    margin-top: 120px;
}

.business-bg-wrap .gdlr-core-pbf-wrapper-container {
    width: 100% !important;
}

.bus-01-div > div {
    font-size: 18px;
}

.bus-01-div ul {
    margin-left: 5px;
    margin-top: 14px;
}

.bus-01-div ul li {
    list-style: "-";
    color: #444444;
    font-weight: 600;
    font-size: 18px;
}

.bus-01-div-gray {
    background-color: #f6f6f6;
    padding: 20px 25px;
}

.bus-01-div-gray > div {
    color: #980101;
    font-weight: bold;
    font-size: 20px;
}

.bus-01-div-gray ul {
    margin: 0;
    margin-left: 5px;
}

.bus-01-div-gray ul li {
    list-style: "-";
    font-size: 18px;
}

.bus-01-div-wrap {
    padding-top: 150px;
    padding-bottom: 100px;
}

.bus-02-div-wrap {
    padding-top: 30px;
}

.bus-01-div-red {
    font-size: 20px !important;
    color: #980101;
    font-weight: bold;
}

.business-bg-wrap .gdlr-core-image-item {
    padding: 0;
}

.notice-info-header .gdlr-core-text-box-item {
    padding: 0;
}

.infinite-logo {
    padding-top: 20px !important;
}

:lang(en) .ceo-img {
    margin-top: 78px;
}

/* 공지사항 */
.notice-header-title {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    font-weight: 600;
    font-size: 50px;
    line-height: 1.3;
    word-break: keep-all;
    color: white;
}

.arrow-div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.prev-slider {
    display: flex;
    margin-right: 10px;
}

.next-slider {
    display: flex;
    margin-left: 10px;
}

/* 모메드모바일 */
.phi-div {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.phi-txt01 {
    font-size: 25px;
    color: #bd231b;
    font-weight: bold;
}

.phi-txt02 {
    font-size: 25px;
    color: #adadad;
    font-weight: bold;
    margin-bottom: 40px;
}

.phi-circle-mo {
    width: 230px;
    height: 230px;
    background-color: #bd231b;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: 50px;
}

.phi-circle-mo > div:first-child {
    font-size: 30px;
    color: #ffffff;
    font-weight: bold;
}

.phi-circle-mo > div:last-child {
    color: #ffffff;
    font-size: 20px;
}

.pro03-ul-mo {
    display: none;
}

.business-line-red {
    display: flex;
    justify-content: center;
    padding-bottom: 27px;
}

.business-line-red div {
    border-bottom: 5px solid #980101;
    width: 15%;
}

@media screen and (max-width:1024px) {
    .red {
        font-size: 16px !important;
    }
    .ceo-box {
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        top: -186px;
    }
    .ceo-img {
        position: relative;
        width: 80%;
        top: 370px;
        transform: rotate(90deg);
    }
    .ceo-txt {
        padding: 140px 20px 40px;
        text-align: center;
        height: auto;
    }
    .ceo-img img{
        width: 50%;
    }
    .ceo-main-txt{
        width: 100%;
    }
}

@media screen and (max-width:768px) {
    .main-slider {
        display: none;
    }
    .main-slider-mo {
        display: block;
    }   
    .introductory-box {
        height: auto;
        flex-direction: column;
        align-items: center;
    }
    .item {
        width: 100%;
        height: 300px;
    }
    .line-box {
        border-bottom: 1px solid;
        border-right: none !important;
    }
    .line-box-first {
        border-bottom: 1px solid;
        border-right: none !important;
    }
    .red {
        font-size: 20px !important;
    }
    .ceo-box {
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        top: -100px;
    }
    .ceo-img {
        position: relative;
        width: 80%;
        top: 185px;
        transform: rotate(90deg);
    }
    .ceo-txt {
        padding: 180px 20px 20px;
        text-align: center;
        height: auto;
        width: 100%;
    }
    .ceo-img img{
        width: 390px;
    }
    .ceo-main-txt{
        width: 100%;
        font-size: 17px;
        padding-top: 50px;
    }
    .MARKETING-box > p > img {
        padding: 0px;
    }
    .MARKETING-box > p {
        padding-top: 40px;
    }
    .Management-box {
        flex-direction: column;
    }
    .Management-box-02 {
        border: 1px solid #e2e2e2;
        border-top: none;
        border-bottom: none;
    }

    .intro-dflex {
        flex-direction: column;
    }
    .intro-kakao {
        width: 100% !important;
    }

    .pro-box-gray {
        width: 100%;
    }

    .pro-dflex {
        flex-direction: column;
    }

    .intro-map-01, .intro-map-02, .intro-map-03 {
        text-align: center;
    }

    .intro-map-03-01 {
        flex-direction: column;
        padding: 10px 0;
    }

    .intro-map-03 {
        padding: 30px 0;
    }

    .pro-border-top-right {
        display: none;
    }

    .pro-border-bottom-right {
        display: block;
    }

    .pro-box-gray {
        margin-bottom: 54px;
    }

    .product-wrap02 .pro-dflex {
        flex-direction: column-reverse;
    }

    .product-wrap02 .pro-dflex .pro-box-right {
        padding-top: 0;
    }

    .product-wrap03 .pro-box-white-left, .product-wrap04 .pro-box-left-ab {
        position: relative;
    }

    .product-wrap03 .pro-box-tit {
        padding-left: 0;
    }

    .product-wrap04 .pro-box-right {
        padding-top: 0;
    }
}

@media screen and (max-width:425px) {
    .title-span-1 {
        font-size: 27px !important;
    }
    .first-paragraph {
        font-size: 23px !important;
    }
    .div-about {
        padding-top: 0;
    }

    .sub-mark-ul {
        text-align: center;
        margin: 0;
    }

    .sub-mark-ul .sub-list-text {
       font-size: 16px;
    }

     .on .line-red {
        height: 5px;
        background: #980101;
    }

    .sub-list li {
        width: 33.333%;
    }

    .prod-box {
        margin-top: 40px;
    }

    .bus-01-div ul {
        margin-top: 25px;
    }

    .pro-table-div-left02 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .pro03-dflex {
        flex-direction: column;
    }
    .pro03-gray {
        position: static;
        padding: 20px 0 20px 0;
    }



    .business-circle-dflex {
        flex-direction: column;
        align-items: center;
    }

    .business-circle-box {
        margin-bottom: 30px;
    }

    .business-box {
        padding: 0;
        flex-direction: column;
    }

    .business-box-txt {
        margin-left: 0;
        width: 100%;
    }

    .business-box > p {
        width: 40%;
    }

    .business-box-txt {
        text-align: center;
    }

    #kboard-ocean-gallery-list .kboard-list {
        flex-direction: column;
        align-items: center;
    }

    #kboard-ocean-gallery-list .kboard-list .kboard-gallery-item {
        width: 320px !important;
    }

    .pro-circle {
        margin-bottom: 20px;
    }

    .circle-flex ul li {
        list-style: none;
    }

    .research02-ty03 {
        padding-top: 60px !important;
    }

    .pro2-df-box .pro-red {
        padding-bottom: 12px;
    }
    .pro2-dflex > div:first-child {
        border-bottom: 1px solid #e2e2e2 !important;
        padding-bottom: 10px !important;
        margin-bottom: 40px;
    }

    .pro-table-div-right02 > div {
        padding: 20px 20px 20px 24px;
        margin-bottom: 20px;
    }

    .pro03-tit-mo {
        text-align: center;
        padding-left: 0;
    }

    .pro03-tit {
        padding-bottom: 55px;
    }

    .pro03-ul-mo {
        padding-top: 30px;
    }

    .pro03-subtit02 {
        padding-bottom: 15px;
    }

    .pro03-wrap02-mo {
        margin-top: 20px !important;
    }

    .pro03-ul-pc {
        display: none;
    }

    .pro03-ul-mo {
        display: flex;
        justify-content: space-between;
        padding: 0 30px !important;
    }    

    .business-circle, .business-circle-gray {
        width: 240px;
        height: 240px;
        line-height: 240px;
        font-size: 25px;
    }

    .business-circle-gray {
        line-height: 45px;
        padding-top: 82px;
    }

    :lang(en) .business-circle-gray {
        font-size: 17px;
        line-height: 25px !important;
    }
    
}

@media screen and (max-width:375px) {
    .title-span-1 {
        font-size: 32px !important;
    }
    .first-paragraph {
        font-size: 23px !important;
    }
    .introduction-moblie{
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    .ceo-img {
        position: relative;
        width: 60%;
        top: 130px;
        transform: rotate(90deg);
    }
    .ceo-txt {
        padding: 100px 20px 20px;
        line-height: 26px;
    }
}