@charset "UTF-8";

.main-contents { padding-top: 64px; }
.main-contents .wrap-section { padding: 15px 10px; border-top: 2px solid #d80034; background-color: #d0d0d0; }
.main-contents .wrap-section > div { position: relative; overflow: hidden; margin-top: 10px; }
.main-contents .wrap-section > div h3 { padding: 12px 15px 11px; background-color: #fff; font-size: 16px; }
.main-contents .wrap-section > div img { width: 100%; }
.main-contents .menu-wrap .menu-group { display: table; width: 100%; margin-top: 10px; }
.main-contents .menu-wrap .menu-group:first-child { margin-top: 0; }
.main-contents .menu-wrap .menu-group .menu-area { display: table-cell; width: 50%; box-sizing: border-box; }
.main-contents .menu-wrap .menu-group .menu-area:nth-child(odd) { padding-right: 5px; }
.main-contents .menu-wrap .menu-group .menu-area:nth-child(even) { padding-left: 5px; }
.main-contents .ad-wrap .ad-slide .bx-controls-auto { position: absolute; top: 22px; right: 17px; }
.main-contents .ad-wrap .ad-slide .bx-start { display: block; width: 10px; height: 13px; background: url(/images/m/kr/sub/main/btn-play.png) no-repeat; text-indent: -9999px; }
.main-contents .ad-wrap .ad-slide .bx-stop { display: block; width: 10px; height: 13px; background: url(/images/m/kr/sub/main/btn-pause.png) no-repeat; text-indent: -9999px; }
.main-contents .ad-wrap .ad-slide .bx-pager { overflow: hidden; position: absolute; bottom: 16px; left: 50%; margin-left: -30px; }
.main-contents .ad-wrap .ad-slide .bx-pager .bx-pager-item { float: left; width: 13px; margin-left: 5px; }
.main-contents .ad-wrap .ad-slide .bx-pager .bx-pager-item:first-child { margin-left: 0; }
.main-contents .ad-wrap .ad-slide .bx-pager .bx-pager-item a { display: block; width: 10px; height: 11px; background: url(/images/m/kr/sub/main/btn-pager.png) no-repeat; background-size: 10px 22px; text-indent: -9999px; }
.main-contents .ad-wrap .ad-slide .bx-pager .bx-pager-item a.active { background-position: 0 -11px; }
.main-contents .ad-wrap .bx-controls-direction { position: absolute; top: -9999px; left: -9999px; }
.main-contents .news-wrap { overflow: hidden; padding: 11px 0 11px 15px; background-color: #5b5b5b; } 
.main-contents .news-wrap .title { float: left; width: 50px; padding: 1px 0; color: #fff; font-weight: bold; font-size: 15px; }
.main-contents .news-wrap .news-slide { overflow: hidden; float: left; width: 81%; }
.main-contents .news-wrap .news-slide .text { display: inline-block; overflow: hidden; width: 97%; padding: 3px 0 3px 15px; color: #fff; font-size: 14px; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; }
.main-contents .news-wrap .bx-controls-direction { position: absolute; top: -9999px; left: -9999px; }
.main-contents .press-wrap .press-slide li a { display: block; }
.main-contents .press-wrap .press-slide li .title { display: block; height: 18px; margin-top: 14px; color: #363636; font-weight: bold; font-size: 14px; }
.main-contents .press-wrap .bx-prev { display: block; position: absolute; top: 106px; left: 10px; width: 16px; height: 32px; background: url(/images/m/kr/sub/main/sec3-btn-prev.png) no-repeat; background-size: 16px 32px; text-indent: -9999px; }
.main-contents .press-wrap .bx-next { display: block; position: absolute; top: 106px; right: 10px; width: 16px; height: 32px; background: url(/images/m/kr/sub/main/sec3-btn-next.png) no-repeat; background-size: 16px 32px; text-indent: -9999px; }

.main-contents .business-wrap .business-slide li a { display: block; }
.main-contents .business-wrap .business-slide li .title { display: block; position: absolute; right: 0; bottom: 0; left: 0; padding: 12px 15px 11px; color: #fff; font-weight: bold; font-size: 13px; }
.main-contents .business-wrap .bx-prev { display: block; position: absolute; top: 106px; left: 10px; width: 16px; height: 32px; background: url(/images/m/kr/sub/main/sec3-btn-prev.png) no-repeat; background-size: 16px 32px; text-indent: -9999px; }
.main-contents .business-wrap .bx-next { display: block; position: absolute; top: 106px; right: 10px; width: 16px; height: 32px; background: url(/images/m/kr/sub/main/sec3-btn-next.png) no-repeat; background-size: 16px 32px; text-indent: -9999px; }

/*20210330 추가 */
.main-contents .menu-wrap .menu-group.paju-visual {
	position: relative;
}
.main-contents .menu-wrap .menu-group.paju-visual a.mainbtn{
	position: absolute;
	display: block;
	bottom: 15px;
	background: rgba(0, 0, 0, 0.6);
	font-weight: normal;
	text-align: left;
	box-sizing: border-box;
	padding: 8px 10px;
	min-width: 40px;
	color: #fff;
	font-size: 12px;
	border:1px solid rgba(0, 0, 0, 0.3);
}
.main-contents .menu-wrap .menu-group.paju-visual a.mainbtn:after{
	content: '';
	position: absolute;
	right: 10px;
	display: block;
	top: 12px;
	width: 5px;
	height: 7px;
	background: url("../../../../images/m/kr/sub/main/mainbtn-arrow.png") no-repeat;
	background-size:contain;
} 
.main-contents .menu-wrap .menu-group.paju-visual a.company{
	left: 15px;
	width: 110px
}
.main-contents .menu-wrap .menu-group.paju-visual a.video{
	left: 135px;
	width: 150px
}

/* 20240503 엔솔브 수정 */
.wrap-section .business { }
.wrap-section .business .businesswrap { background: #fff; padding: 15px; }
.business .businesswrap > .tit { font-size: 15px; font-weight: bold; color: #222; padding: 0 0 15px 0;}
.business .businesswrap .box { padding: 0 0 15px 0; display: flex; height: 120px; }
.business .businesswrap .box a { 
	flex: 1 0; 
	height: 105px;
	margin-right: 10px; 
	border-radius: 5px; 
	padding: 13px 10px; 
	box-sizing: border-box; 
	position: relative; 
	background-size: cover;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
.business .businesswrap .box a:last-child { margin-right: 0px; }
.business .businesswrap .box a.menu01 { background-image: url("../../../../images/m/kr/sub/main/businessBg01.png")}
.business .businesswrap .box a.menu02 { background-image: url("../../../../images/m/kr/sub/main/businessBg02.png")}
.business .businesswrap .box a.menu03 { background-image: url("../../../../images/m/kr/sub/main/businessBg03.png")}
.business .businesswrap .box a.menu04 { background-image: url("../../../../images/m/kr/sub/main/businessBg04.png")}
.business .businesswrap .box a.menu05 { background-image: url("../../../../images/m/kr/sub/main/businessBg05.png")}
.business .businesswrap .box a.menu06 { background-image: url("../../../../images/m/kr/sub/main/businessBg06.png")}
.business .businesswrap .box a > span.tit { font-size: 13px; font-weight: bold; color: #222; position: relative; padding-left: 7px; letter-spacing: -1px; }
.business .businesswrap .box a > span.tit:before { 
	content: '';
	display: block; 
	width: 5px;
	height: 8px;
	background-image: url("../../../../images/m/kr/sub/main/businesstit-bullet.png");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	left: 0px;
	top: 5px;
}
.business .businesswrap .box a > span.icon { 
	display: block; 
	width: 60px; 
	height: 60px; 
	border-radius: 50%; 
	background-color: #fff; 
	box-shadow: 0px 1px 3px 0px #bbb; 
	position: absolute;
	right: 20px;
	bottom: 13px;
}

.business .businesswrap .box a > span.icon { 
	background-color: #fff;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 60px 60px;
}
.business .businesswrap .box a > span.icon01 { background-image: url("../../../../images/m/kr/sub/main/businessIcon01.png"); }
.business .businesswrap .box a > span.icon02 { background-image: url("../../../../images/m/kr/sub/main/businessIcon02.png"); }
.business .businesswrap .box a > span.icon03 { background-image: url("../../../../images/m/kr/sub/main/businessIcon03.png"); }
.business .businesswrap .box a > span.icon04 { background-image: url("../../../../images/m/kr/sub/main/businessIcon04.png"); }
.business .businesswrap .box a > span.icon05 { background-image: url("../../../../images/m/kr/sub/main/businessIcon05.png"); }
.business .businesswrap .box a > span.icon06 { background-image: url("../../../../images/m/kr/sub/main/businessIcon06.png"); }