@charset "utf-8";

/*container*/
.container{width:100%; height:auto;  left:0; right:0; margin:0 auto;}

.sect2, .sect4 {max-width:1200px; margin:0 auto; padding: 30px 0;}
.sect10 {padding:30px 0 50px;}
.sect3 {padding:0px 0 0 0;}
/*sect1*/
.sect1{height:300px;  margin:0 auto; position:relative; border-top:1px solid #d0dae1; border-bottom:1px solid #d0dae1;}
.sect1 .bxslider{ height:300px; text-align:center; }
.bxslider .slide0{background: url(../images/main00-new.png) no-repeat center;  width:100%; height:300px; background-size:cover;}
.bxslider .slide1{background: url(../images/main01-new.jpg) no-repeat center; width:100%; height:300px; background-size:cover;} /* center bottom */
.bxslider .slide2{background: url(../images/main02-new_01.jpg) no-repeat center; width:100%; height:300px;background-size:cover;}
.bxslider .slide3{background: url(../images/main03-new.jpg) no-repeat center; width:100%; height:300px;background-size:cover; } 
.bxslider .slide4{background: url(../images/main04-new.jpg) no-repeat center 30%; width:100%; height:300px;background-size:cover; } 
		  
.sect1 .bxslider h2 {
	margin:0 auto;
	max-width:1200px;
	text-align:left;
	color:#008ad3;	
	font-size:70px;
	font-weight:400;
}
		  
.sect1 .bxslider h3 {
	padding-top:50px; 
	margin:0 auto;
	max-width:1200px;
	text-align:left;
	color:#555;
	font-size:30px;
	font-weight:500;
	margin-bottom:-15px;
}
.sect1 .bxslider p {
	margin:0 auto;
	max-width:1200px;
	text-align:left;
	color:#006eb8;
	color:#333;
	font-size:24px;
	font-weight:400;
	letter-spacing:-0.08em;

}
.sect1 h3 {font-size:36px; color:#333333; font-weight:500px;text-shadow:none;}
.sect1  h3 b {color:#b1d153; font-weight:700;}
.sect1  h2 {color:#2a5ea1; text-shadow:none;}
.sect1  h2 b {color:#b1d153;}

.bxslider .slide1 h2 {color:#008ad3;}
/* line */
.line_wrap {
	padding-top:30px;
	z-index:999;
	width:100%;
}
.line {
	max-width:1200px;
	margin:0 auto;
}
.line > .col {
	width:33.3%;
	color:white;
	float:left;
	padding:20px;
}
.line > .col:first-child {
	background:#11509b;
}
.line > .col:nth-of-type(2) {
	background:#96ba2a;
}
.line > .col h4 {
	font-size:24px;
}
.line > .col p {
	font-size:16px;
}
.line > .col:nth-of-type(3) {
	background:#18c0d3;
}
.line > .col  .line_depth2 {
	float:left;
	width:25%;
}
.line > .col > .line_depth2 a {
	display:block;
	width:100%;
}
.line > .col  .line_depth2:last-child {
	float:left;
	width:75%;
}




/*sect2, sect4*/

.sect2 .row> .col, .sect4 .row> .col {
	float:left;
	padding:0px 5px;
	box-sizing:border-box;
	width:25%;
}
.sect2 .row > .col > .imgbox , .sect4 .row > .col > .imgbox {
	border:1px solid #e0e0e0;
	overflow:hidden;
}

.sect2 .row > .col .imgbox img, .sect4 .row > .col .imgbox img {
	display:block;
	width:100%;
	transform:scale(1);
	transition:0.5s all;
}

.sect2 .row > .col .imgbox a, .sect4 .row > .col .imgbox a {
	width:100%;
	display:block;
	height:100%;
}
.sect2 .dsc , .sect4 .dsc {
	padding:5px;
}
.sect2 .dsc a , .sect4 .dsc a {
	display:block;
	width:100%;
	background:url('../images/arrow.png') left center no-repeat, url('../images/plus.png') right center no-repeat;
	text-indent:21px;
	font-size:18px;
	font-weight:500;
}
.sect2 h4 , .sect4 h4{
	padding-top:20px;
	font-size:25px;
	color:#007dc5;
	color:#007dc5;
	position:relative;
	text-indent:57px;
	padding-bottom:20px;
}
.sect2 h4::after , .sect4 h4::after{
	content:'';
	background:#007dc5;
	width:50px;
	height:3px;
	position:absolute;
	top:37px;
	left:0;
}

.sect2 ul , .sect4 ul{
	padding-top:20px;
	font-size:15px;
	color:#666;
	padding-bottom:20px;
	background:url('../images/big_logo.png') no-repeat -7px 59px;
	background-size: 150px;
	padding-left:170px;
}

.sect2 .row > * {
	padding-top:50px;
	float:left;
}
.sect2 .insurance {
	padding:20px;
	padding-left:80px;
	padding-top:50px;
}
.sect2 .insurance p {
	color:#666;
	font-size:15px;
}
.sect2 .row > div {
	float:left;
}
.sect2 .insurance {
	padding-left:80px;
}
.sect2 .insurance img {
}
.sect2 .right {
	float:right;
	max-width: 302px;
}
.sect2 .right img {
	display:block;
	width:100%;
}

/*sect3*/

.sect3 {
	/*background: url(../images/sect03_01.jpg) no-repeat center center;*/
}

.sect3 .wrap {
	max-width:1200px;
	margin: 0 auto;
	background:transparent;
}
.sect3 .wrap > div {
	float:left;
	width:50%;
	/*padding:0px 35px;*/
}
.sect3 .wrap > .left {

	background:#11509b;
}

.sect3 h3 {
	text-align:center;
	color:white;
	font-size:32px;
	padding-bottom:10px;
	font-weight:500;
}


.sect3 .left p {
	font-size:20px;
	padding-bottom:20px;
	font-weight:400;
	color:#d5e8ff;
	text-align:center;
}

.sect3 ul {
	width:50%;
	float:left;
	padding:0px 15px;
	box-sizing:border-box;
}
.sect3 ul li {
	font-size:14px;
	line-height: 55px;
	color:#fff;
	border-bottom:1px solid #619de6;
	background:url('../images/bullet.png') 7px center no-repeat, url('../images/cross.png') right center no-repeat;
	text-indent:20px;
}

.sect3 ul li a {
	display:block;
	width:100%;
	white-space:nowrap;
}

/* sect4 */
/* hjpark test 220808 */

/* / hjpark test 220808 */
.sect4 .row .col {
	float:left;
	width:33.3333%;
	border: 
	box-sizing:border-box;
}

.sect4 .row .col.width36 {
	width:36%;
}
.sect4 .row .col.width30 {
	width:30%;
}

/* .sect4 .row .col:first-child {padding-top:26px;} */
.sect4 .row .col-half .imgbox {
	overflow:hidden;
	padding:12px 0;
}
.col-half .imgbox {
	height:140px;
}
.col-half .imgbox img {
	display:block;
	width:100%;
	
}

.sect4 .notice .imgbox {
	height:130px;
	overflow:hidden;
}

.sect4 .investment .imgbox {
	height:130px;
	overflow:hidden;
}

.sect10 .wrap > div > p {
	font-size:18px;
	font-weight:600;
	color:#666;
}

.sect10 .wrap > div > p b {
	font-size:24px;
	font-weight:600;
	color:#149ab2;
	display:inline-block;
	padding-bottom:15px;
}

.sect4 .noticebox {
	margin-top:12px;
}

.sect4 .investbox {
	margin-top:12px;
}

@media (max-width:1200px) {
	.line > .col {
	min-height:124px;
}
	.line > .col h4 {
		white-space:nowrap;
	}

	section.sect4 {
		padding: 0 10px;
	}
 /* .sect4 .dsc a.investment {
	display:block;
	width:100%;
	text-indent:21px;
	font-size:18px;
	font-weight:500;
	
} */
/*.sect3 .wrap > .right { clear:both;}*/
.investment.imgbox {
	margin-bottom:30px;
}
}
@media (max-width:900px) {
	body {
		overflow-x : hidden;
	}
	.sect1 { height: 200px;}
	.sect1 .bxslider { height: 200px;}
	.sect1 .bxslider h3 { font-size:21px !important;}
	.sect1 .bxslider h2 {
	}
	.sect1 .bxslider > div {
		padding:30px;
	}
	.sect1 .bxslider p {
	}

	.line > .col h4 {
		white-space:normal;
	}
	.bxslider .slide0 {
		height:200px;
		white-space:nowrap;
		background:url('../images/res_main_00.png') no-repeat;
		/*background-position: center bottom;
		background-position: center;*/
		background-position: 75% center;
        background-size: cover;
	}
	.bxslider .slide1 {
		height:200px;
		white-space:nowrap;
		background:url('../images/res_main_01.jpg') no-repeat;
		/*background-position: center bottom;*/
		background-position: center;
	}

	.bxslider .slide2 {
		height:200px;
		background:url('../images/res_main_02_01.jpg') no-repeat;
		background-position: center;
		white-space:nowrap;
	}
	.bxslider .slide3 {
		height:200px;
		white-space:nowrap;
		background:url('../images/res_main_03.jpg') no-repeat;
		background-position: center;
	}
	.bxslider .slide4 {
		height:200px;
		white-space:nowrap;
		background:url('../images/res_main_04.jpg') no-repeat;
		background-position: center 30%;
	}

.sect2, .sect4, .sect6, .sect8, .sect9 {
	padding-bottom:0px;
}
.sect1 .bxslider h3 {
	font-size:28px;
	padding-top:10px;
	margin-bottom:-10px;
	text-shadow: 0 0 3px #fff;
}
.sect3 .wrap > div {
	float:left;
	width:50%;
	padding:0px 6px;
}
.sect3 ul { 
	padding: 0px 5px;
}

.sect1 .bxslider h2 {
	font-size:28px;
	line-height:70px;
	color:#006eb8;
	text-shadow: 0 0 3px #fff;
}
 /* .sect4 .dsc a.investment {
	display:block;
	width:100%;
	text-indent:21px;
	font-size:18px;
	font-weight:500;
	margin-top:20px;
	background:url('../images/arrow.png') left 102px no-repeat, url('../images/plus.png') right 102px no-repeat;
} */
.line > .col  .line_depth2:last-child {
	float:none;
	width:100%;
}
.sect1 .bxslider b {
	color:#cbf94e;
}
.sect1 .bxslider p {
	font-size:20px;
	white-space:pre-line;
	text-shadow: 0 0 3px #fff;
}
.sect1 .bxslider p.small {
	font-size:17px;
	white-space:pre-line;
	text-shadow: 0 0 3px #fff;
}
/*.sect1 .slide3 h2 {
	color:#fff;text-shadow: 0 0 5px #000;
}
.sect1 .slide3 h3 {
	color:#fff;text-shadow: 0 0 5px #000;
}
.sect1 .slide3 p {
	color:#fff;text-shadow: 0 0 5px #000;
}*/
.line > .col  .line_depth2 {
	float:none;
	width:100%;
	text-align:center;
}

.line > .col {
	min-height:169px;
}

.line > .col .imgbox img {
	margin:0 auto;
	display:block;
}
.line > .col h4 {
	font-size:18px;
	word-break:keep-all;
	padding-top:20px;
}
.line > .col p {
	display:none;
}

/* sect2 */
.sect2, .sect4 {max-width:1200px; margin:0 auto; padding: 20px 0;}

.sect2 .row > .col {
	float:left;
	width:50%;
}

.sect2 .dsc a{
	margin-bottom:20px;
}
.sect3 .wrap > div {
	float:none;
	width:100%;
}

.sect3 {
	background-position: left top;
}

.sect4 .row .col {
	float:none;
	width:100%;
}
.sect4 .row .col.investment {
	clear:both !important;
}
.sect4 .dsc a.investment {
	clear:both; /* 220318*/
}
.sect4 .row .col.width36 {
	width:100%;
	margin-bottom:20px;
}
.sect4 .row .col.width30 {
	float:left;
	width:50%;
}

.col-half .imgbox {
	height:auto;
}

.sect4 .col:first-child:after {
	display:block;
	clear:both;
	content:'';
}
.sect4 .col:first-child .col-half {
	padding: 0 5px;
}
.noticebox {
	text-align:center;
}

.investbox {
	text-align:center;
}

/*sect4*/

.Nb_slt .Nb_slt_content a {
	line-height:30px;
}

}
/* 26 new */

html { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 10px; }
table { width: 100%; border-collapse: collapse; }
th { font-weight: 600; }
*, *:before, *:after,figure,figcaption {box-sizing:border-box; margin:0; padding:0; border:0;word-break:keep-all; word-wrap: break-word; }
html, body {-ms-font-smoothing:antialiased;  -webkit-font-smoothing:antialiased; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;  -moz-text-size-adjust:100%; /* IE 및 iOS의 글꼴 크기 조정 방지 */}
body {font-size:1.6rem;}
html, body {width:100%; overflow-x: hidden;}
address, article, aside, canvas, details, figure, figcaption, footer, header, menu, nav, section {display:block;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
img {vertical-align:middle;}
ol, ul, li, dl, dt, dd {list-style:none;}
table {width:100%; border-spacing:0px; border-collapse:collapse;}
a {text-decoration:none;}

/* ----------------- HTML5 display ----------------- */
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {display:block;} /* 에지, IE9 이상, 파이어 폭스에서 올바른 표시 추가 */
audio, canvas, progress, video {display:inline-block;}
audio:not([controls]) {display:none; height:0;} /* 아이폰 OS 4-7에서 올바른 표시 추가 */
progress {vertical-align:baseline;} /* 크롬, 파이어 폭스, 오페라 올바른 수직 정렬을 추가 */
template, [hidden] {display:none;} /* IE10 이상 에서 올바른 표시 추가 */

.graph-table { border-top: 2px solid #222; border-bottom: 1px solid #e0e0e0; table-layout: fixed; }
.graph-table thead { border-bottom: 1px solid #222; }
.graph-table tr th, .graph-table tr td { position: relative; padding: 1rem .7rem; }
.graph-table tr th { font-size: 1.5rem; font-weight: 700; color: #212529; line-height: normal; text-align: center; font-style: normal; }
.graph-table tr td { font-size: 1.5rem; font-weight: 400; color: #616161; line-height: normal; font-style: normal; }
.graph-table tr td .title { display: block; font-size: 1.8rem; font-weight: 700; color: #000; line-height: normal; font-style: normal; }
.graph-table tr td .title span { display: block; font-size: 1.5rem; font-weight: 400; color: #616161; line-height: normal; font-style: normal; }
.graph-table .list-title { position: relative; padding-left: 0.5rem; font-size: 1.5rem; font-weight: 400; color: #616161; line-height: 145%; font-style: normal; }
.graph-table .percent { display: flex; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.graph-table .percent i { display: block; position: relative; width: 16.666%; }
.graph-table .percent i:before { display: block; position: absolute; top: 50%; right: -1px; transform: translateY(-50%); width: 1px; height: 0.6rem; background: #fff; content: ""; }
.graph-table .percent i:last-of-type:before { display: none; }
.graph-table .percent .bar { display: flex; position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 1; width: 100%; height: 0.8rem; border-radius: 0.6rem; background: #ebebeb;margin-left:1px; }
/*
.graph-table .percent .bar span.pipe_blue { display: block; position: absolute; top: 0; left: 0; width: 0; height: 100%; border-radius: 0.6rem; background: linear-gradient(90deg, #f6f6f6 0%, #0054ce 100%); }
.graph-table .percent .bar span.pipe_green { display: block; position: absolute; top: 0; left: 0; width: 0; height: 100%; border-radius: 0.6rem; background: linear-gradient(90deg, #f6f6f6 0%, #00ab3f 100%); }
*/
.graph-table .percent .bar span.pipe_blue { display: block; position: absolute; top: 0; left: 0; width: 0; height: 100%; border-radius: 0.6rem; background: #0054ce; }
.graph-table .percent .bar span.pipe_green { display: block; position: absolute; top: 0; left: 0; width: 0; height: 100%; border-radius: 0.6rem; background:#00ab3f; }
.graph-table .percent-inner { display: grid; align-items: center; width: 100%; grid-template-columns: repeat(4, 1fr); }
.graph-table .percent-inner div { position: relative; height: 100%; border-left: 1px dashed #eee; }
.graph-table .percent-inner div:first-of-type { border-left: 0; }
.graph-table .img { display: flex; justify-content: center; align-items: center; padding: 2.4rem 1rem; }
.graph-table tr { border-bottom: 1px solid #e0e0e0; }
.graph-table .bg-color { background: #f7f7f7; }
.table-title-blue { margin: 1.5rem 0 0 0; font-size: 2rem; font-weight: 700; color: #0054ce; line-height: normal; font-style: normal; }
.table-title-green { margin: 1.5rem 0 0 0; font-size: 2rem; font-weight: 700; color: #00ab3f; line-height: normal; font-style: normal; }
.table-scroll { margin-top: 1rem; background: #fff; }
.table-scroll:before { display: none; position: absolute; top: 1rem; right: 23px; transform: translateX(0) rotate(-90deg); font-family: "xeicon"; font-size: 2.8rem; color: #ff6900; animation: side 0.7s linear 1s infinite alternate; content: "\eb54"; }
.graph-table .line { position: relative; }
.graph-table thead .line { border-left: 1px solid #e0e0e0; }
.graph-table .percent-inner { width: calc(100% + 2px); border-left: 1px solid #e0e0e0; /*border-right: 1px solid #e0e0e0;*/ }
.graph-table .percent-inner > div:nth-of-type(2) { border-right: 1px solid #e0e0e0; }
.graph-table .percent-inner > div:nth-of-type(3) { border-left: none; }
.graph-table .percent-inner > div:nth-last-of-type(2) { margin-right: -1px; border-right: 1px solid #e0e0e0; }
.graph-table .percent-inner > div:nth-last-of-type(1) { border-left: none; }

.container.pipeline { position: relative; max-width: 1090px; height: auto; padding-bottom: 15rem; margin: 0 auto; }
@media (max-width: 1024px) { 
	.ensol_mobile_font {width:100%;text-align: left;color: #fff;line-height: 26px;padding-right: 0px;font-size:12px;}
	.ensol_mobile_font2 {width:100%;text-align: right;color: #000;line-height: 26px;padding-right: 0px;font-size:12px;}
}
@media (max-width: 1199px) { 
	.left {width:20%;float:left;}
	.right {width:20%;float:right;}
}
@media (max-width: 900px) { 
	.etons_mb {margin-top:25px;}
	.e1k_mb {margin-top:25px;}
	.h1k_mb {margin-top:25px;}
}
@media (max-width: 700px) {
  .bxslider .slide4 {
	height:200px;
	white-space:nowrap;
	background:url('images/res_main_04.jpg') no-repeat;
	background-position: center 30%;
   }
}
@media (max-width: 900px) {
    .sect1 .bxslider b.slide_bold {
        color: #000;
		font-size:17px;
    }
	.sect1 .bxslider p.slide_normal {
		font-size:17px;
	}
	.sect1 .bxslider b.slide_bold_white {
		color: #fff;
	}
	.sect1 .bxslider .slide1 h3 {
		padding-top:0px !important;
	}
	.bxslider .slide1 {
		white-space: normal !important;
		text-align: left;
	}
	.bxslider .slide2 {
		white-space: normal !important;
		text-align: left;
	}
	.bxslider .slide3 {
		white-space: normal !important;
		text-align: left;
	}
	.bxslider .slide4 {
		white-space: normal !important;
		text-align: left;
	}
}
/* popup */
@media (max-width: 600px) {
.popup {
position: fixed;
top: 20px !important;
left: 50% !important;
transform: translateX(-50%) !important;
width: 90%;
max-width: 90%;
}

.popup-left {
top: 100px !important;
}

.popup-right {
top: 380px !important;
}
}
.popup {
position: fixed;
top: 50%;
transform: translateY(-50%);
width: 500px;
padding: 40px 54px 40px 54px;
background-color: #fff;
box-shadow: 0 8px 24px rgba(0,0,0,0.15);
border-radius: 14px;
z-index: 1000;
box-sizing: border-box;
}

.popup-left { left: 124px; }
.popup-right { right: 24px; }

.popup.hidden { display: none; }

.popup .close-btn {
position: absolute;
top: 14px;
right: 16px;
font-size: 20px;
background: none;
border: none;
color: #bbb;
cursor: pointer;
transition: color 0.2s ease;
}

.popup .close-btn:hover {
color: #333;
}

/*기존.popup .main-title {
position: relative;
font-weight: 600;
font-size: 18px;
color: #1A1A1A;
text-align: center;
padding-bottom: 20px;
padding-top: 20px;
margin-bottom: 16px;
}*/

.popup .main-title {
position: relative;
font-weight: 600;
font-size: 20px;
color: #1A1A1A;
text-align: center;
padding-bottom: 20px;
padding-top: 20px;
margin-bottom: 16px;
}

.popup .main-title::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 150px;
height: 3px;
background: linear-gradient(135deg, #27ae60, #3498db);
border-radius: 2px;
}

/*기존.popup .sub-title {
font-size: 16px;
font-weight: 500;
color: #444;
text-align: center;
line-height: 1.5;
margin-bottom: 16px;
}*/

.popup .sub-title {
font-size: 16px;
font-weight: 500;
color: #000;
text-align: center;
line-height: 1.5;
margin-bottom: 20px;
}

.popup .summary {
list-style: none;
padding: 0;
margin: 0 0 16px;
}

/*기존.popup .summary li {
position: relative;
padding-left: 13px;
margin-bottom: 8px;
font-size: 15px;
}*/

.popup .summary li {
position: relative;
padding-left: 13px;
margin-bottom: 8px;
font-size: 17px;
}

.popup .summary li::before {
content: "•";
position: absolute;
left: 0;
color: #2A78D6;
font-size: 16px;
}

.popup .action-buttons {
display: flex;
gap: 10px;
margin-bottom: 16px;
}

/*기존.popup .action-buttons a {
flex: 1;
text-align: center;
text-decoration: none;
padding: 10px 12px;
font-size: 13px;
font-weight: 500;
border-radius: 6px;
transition: 0.3s ease;
border: 1px solid transparent;
}*/

.popup .action-buttons a {
flex: 1;
text-align: center;
text-decoration: none;
padding: 10px 12px;
font-size: 13.5px;
font-weight: 500;
border-radius: 6px;
transition: 0.3s ease;
border: 1px solid transparent;
}

.popup .btn-green {
background-color: #2ecc71;
color: #fff;
border: 1px solid #27ae60;
}

.popup .btn-green:hover {
background-color: #27ae60;
}

.popup .btn-blue {
background-color: #3498db;
color: #fff;
border: 1px solid #2980b9;
}

.popup .btn-blue:hover {
background-color: #2980b9;
}

.popup .btn-orange {
  background-color: #f39c12;
  color: #fff;
  border: 1px solid #e67e22;
}

/* 체크박스 영역 */
.popup .checkbox-area {
text-align: center;
font-size: 13px;
color: #555;
}

.popup .checkbox-area input[type="checkbox"] {
accent-color: #3498db;
margin-right: 6px;
transform: scale(1.1);
vertical-align: middle;
}

@media (max-width: 600px) {
.popup {
width: 90%;
left: 50% !important;
transform: translate(-50%, -50%);
}
.popup-left { top: 20px; }
.popup-right { top: 150px; }
}
/* popup */

/* slide0 버튼 */
.slide0-buttons {
    max-width: 1200px;
    margin: 18px auto 0;
    display: flex;
    justify-content: flex-start;
	/*justify-content: center;*/
    gap: 10px;
}

.slide0-btn {
    display: inline-block;
    padding: 10px 16px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 6px;
    text-decoration: none;
    transition: 0.2s ease;
}

.slide0-btn.primary {
    background: #222;
    color: #fff;
    border: 1px solid #222;
}

.slide0-btn.secondary {
    background: transparent;
    color: #222;
    border: 1px solid #222;
}

.slide0-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.slide0-btn.secondary:hover {
    border-color: #999;
}

/* 모바일 */
@media (max-width: 900px) {
    .slide0-buttons {
        margin-top: 14px;
        gap: 8px;
        flex-wrap: wrap;
    }

    .slide0-btn {
        min-width: 130px;
        padding: 7px 11px;
        font-size: 13px;
    }
}

@media (max-width: 600px) {
    .slide0-buttons {
        justify-content: flex-start;
    }

    .slide0-btn {
        min-width: auto;
        padding: 6px 11px;
        font-size: 12px;
    }
}
@media (max-width: 900px) {
    .sect1 .bxslider .slide0 {
        padding: 0px 30px 30px 30px;
    }
}




/* bxSlider 화살표 */
.sect1 .bx-wrapper {
    position: relative;
    margin: 0 auto;
    border: 0;
    box-shadow: none;
    background: transparent;
}

.sect1 .bx-wrapper .bx-prev,
.sect1 .bx-wrapper .bx-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(0,0,0,0.35);
    text-indent: -9999px;
    z-index: 999;
    margin-top: 0; /* 기존 margin-top 제거 */
}

.sect1 .bx-wrapper .bx-prev {
    left: 20px;
}

.sect1 .bx-wrapper .bx-next {
    right: 20px;
}

/* 화살표 모양 직접 만들기 */
.sect1 .bx-wrapper .bx-prev::after,
.sect1 .bx-wrapper .bx-next::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform-origin: center;
}

.sect1 .bx-wrapper .bx-prev::after {
    transform: translate(-35%, -50%) rotate(-135deg);
}

.sect1 .bx-wrapper .bx-next::after {
    transform: translate(-65%, -50%) rotate(45deg);
}

.sect1 .bx-wrapper .bx-prev:hover,
.sect1 .bx-wrapper .bx-next:hover {
    background: rgba(0,0,0,0.55);
}

.sect1 .bx-wrapper {
    position: relative;
    margin: 0 auto;
    border: 0;
    box-shadow: none;
    background: transparent;
}

.sect1 .bx-wrapper .bx-viewport {
    border: 0;
    box-shadow: none;
    left: 0;
}

/* pager 전체 영역 */
.sect1 .bx-wrapper .bx-pager {
    position: absolute;
    bottom: 14px;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    padding: 0px 12px 5px 12px;
    background: rgba(0, 0, 0, 0.35);
    border-radius: 999px;
    text-align: center;
    z-index: 10;
    display: block !important;
}

/* — — — 기본 */
.sect1 .bx-wrapper .bx-pager.bx-default-pager a {
    display: inline-block !important;
    width: 26px;
    height: 5px;
    margin: 0 4px;
    border-radius: 999px;
    background: rgba(255,255,255,0.45) !important;
    text-indent: -9999px;
    overflow: hidden;
    transition: all 0.2s ease;
}

/* 활성 / hover */
.sect1 .bx-wrapper .bx-pager.bx-default-pager a.active,
.sect1 .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #ffffff !important;
    width: 32px;
}

/* 모바일 */
@media (max-width: 900px) {
    .sect1 .bx-wrapper .bx-pager {
        bottom: 10px;
        padding: 6px 10px;
    }

    .sect1 .bx-wrapper .bx-pager.bx-default-pager a {
        width: 20px;
        height: 4px;
        margin: 0 3px;
    }

    .sect1 .bx-wrapper .bx-pager.bx-default-pager a.active,
    .sect1 .bx-wrapper .bx-pager.bx-default-pager a:hover {
        width: 24px;
    }
}

/* 모바일 */
@media (max-width: 900px) {
    .sect1 .bx-wrapper .bx-prev,
    .sect1 .bx-wrapper .bx-next {
        width: 36px;
        height: 36px;
        margin-top: -18px;
    }

    .sect1 .bx-wrapper .bx-prev {
        left: 10px;
    }

    .sect1 .bx-wrapper .bx-next {
        right: 10px;
    }

    .sect1 .bx-wrapper .bx-pager {
        bottom: 8px;
    }
}

.slide0_tit {padding-top:30px !important;}
@media (max-width: 900px) {
	.slide0_tit {padding-top:10px !important;}
}



/* new 추가 */
/* FIRST-IN-CLASS DRUGS section */
.media-grid-section {
  max-width: 1200px;
  margin: 0 auto;
  padding: 50px 16px;
}

.media-grid-wrap {
  background: transparent;
}

.media-header-inline {
  padding: 0 0 20px 0;
}

.media-kicker {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #2563eb;
  background: #eff6ff;
  padding: 6px 10px;
  border-radius: 999px;
  margin-bottom: 12px;
}

.media-title {
  margin: 0;
  font-size: 2.4rem;
  line-height: 1.35;
  color: #0f172a;
  position: relative;
  padding-left: 14px;
}

.media-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 4px;
  height: calc(100% - 8px);
  background: linear-gradient(180deg, #2563eb, #60a5fa);
  border-radius: 999px;
}

.media-video-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  padding: 0 24px;
}

.media-video-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.media-video-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.10);
}

.media-video-box {
  padding: 14px 14px 0 14px;
  background: #fff;
}

.media-video-box video,
.media-video-box iframe {
  width: 100%;
  border-radius: 16px;
  background: #000;
  display: block;
}

.media-video-desc {
  padding: 16px 18px 20px;
}

.media-video-desc p {
  margin: 0;
  font-size: 1.6rem;
  color: #111827;
  line-height: 1.6;
  font-weight: 500;
  word-break: keep-all;
}

/* tablet / pc */
@media (min-width: 768px) {
  .media-video-grid {
    grid-template-columns: 1fr 1fr;
  }
}

/* mobile */
@media (max-width: 767px) {
  .media-grid-section {
    padding: 40px 16px;
  }

  .media-header-inline {
    padding-bottom: 16px;
  }

  .media-kicker {
    font-size: 1.1rem !important;
    padding: 5px 9px !important;
    margin-bottom: 10px !important;
  }

  .media-title,
  .media-header h3,
  .media-header-inline h3 {
    font-size: 2rem !important;
    line-height: 1.35 !important;
    padding-left: 12px !important;
    margin: 0 !important;
  }

  .media-title::before {
    top: 3px;
    height: calc(100% - 6px);
  }

  .media-video-card {
    border-radius: 16px;
  }

  .media-video-box {
    padding: 12px 12px 0 12px;
  }

  .media-video-box video,
  .media-video-box iframe {
    border-radius: 12px;
  }

  .media-video-desc {
    padding: 14px 14px 18px;
  }

  .media-video-desc p {
    font-size: 1.4rem;
  }
}
/* 배너 */
.banner-section {
  max-width: 1200px;
  margin: 0 auto;
  padding: 30px 16px 50px;
}

.banner-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

.banner-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.banner-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.10);
}

.banner-card a {
  display: block;
}

.banner-card img {
  width: 100%;
  height: 130px;
  object-fit: cover;/*contain*/
  display: block;
}

@media (min-width: 768px) {
  .banner-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  /*.banner-card img {
    height: 180px;
  }*/
}

@media (max-width: 767px) {
  .banner-section {
    padding: 20px 16px 40px;
  }

  .banner-card {
    border-radius: 16px;
  }
}

/* technology */
/* TECHNOLOGY section */
.media-grid-section {
  max-width: 1200px;
  margin: 0 auto;
  padding: 50px 16px;
}

.media-grid-wrap {
  background: transparent;
}

.media-header-inline {
  padding: 0 0 20px 0;
}

.media-kicker {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #2563eb;
  background: #eff6ff;
  padding: 6px 10px;
  border-radius: 999px;
  margin-bottom: 12px;
}

.media-title {
  margin: 0;
  font-size: 2.4rem;
  line-height: 1.35;
  color: #0f172a;
  position: relative;
  padding-left: 14px;
}

.media-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 4px;
  height: calc(100% - 8px);
  background: linear-gradient(180deg, #2563eb, #60a5fa);
  border-radius: 999px;
}

.media-video-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}

.media-video-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.media-video-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.10);
}

.media-video-box {
  padding: 14px 14px 0 14px;
  background: #fff;
}

.media-video-box video,
.media-video-box iframe {
  width: 100%;
  border-radius: 16px;
  background: #000;
  display: block;
}

.media-video-desc {
  padding: 16px 18px 20px;
}

.media-video-desc p {
  margin: 0;
  font-size: 1.6rem;
  color: #111827;
  line-height: 1.6;
  font-weight: 500;
  word-break: keep-all;
}

/* tablet / pc */
@media (min-width: 768px) {
  .media-video-grid {
    grid-template-columns: 1fr 1fr;
  }
}

/* mobile */
@media (max-width: 767px) {
  .media-grid-section {
    padding: 40px 16px;
  }

  .media-header-inline {
    padding-bottom: 16px;
  }

  .media-kicker {
    font-size: 1.1rem;
    padding: 5px 9px;
    margin-bottom: 10px;
  }

  .media-title {
    font-size: 1.9rem;
    padding-left: 12px;
  }

  .media-video-card {
    border-radius: 16px;
  }

  .media-video-box {
    padding: 12px 12px 0 12px;
  }

  .media-video-box video,
  .media-video-box iframe {
    border-radius: 12px;
  }

  .media-video-desc {
    padding: 14px 14px 18px;
  }

  .media-video-desc p {
    font-size: 1.4rem;
  }
}

/* video */
/* PODCAST / VIDEO section */
.media-section {
  max-width: 1200px;
  margin: 0 auto;
  padding: 50px 16px 0;
}

.media-card {
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
  overflow: hidden;
  border: 1px solid #eef2f7;
}

.media-header {
  padding: 24px 24px 10px;
}

.media-kicker {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #2563eb;
  background: #eff6ff;
  padding: 6px 10px;
  border-radius: 999px;
  margin-bottom: 12px;
}

.media-title {
  margin: 0;
  font-size: 2.4rem;
  line-height: 1.35;
  color: #0f172a;
  position: relative;
  padding-left: 14px;
}

.media-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 4px;
  height: calc(100% - 8px);
  background: linear-gradient(180deg, #2563eb, #60a5fa);
  border-radius: 999px;
}

.media-video-wrap {
  padding: 16px 24px 24px 24px;
  background: #fff;
}

.video-frame {
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  min-height: 220px;
  border: 0;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.10);
  display: block;
}

.media-info-box {
  padding: 24px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.media-notice,
.media-articles {
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  background: #fff;
  padding: 20px;
}

.media-notice {
  margin-bottom: 16px;
}

.media-notice strong,
.media-articles-title {
  display: block;
  font-size: 1.6rem;
  color: #111827;
  margin-bottom: 10px;
}

.media-notice p {
  margin: 0;
  font-size: 1.5rem;
  color: #374151;
  line-height: 1.7;
}

.article-links {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.article-card {
  display: block;
  padding: 16px 18px;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  background: #f9fafb;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.article-card:hover {
  transform: translateY(-2px);
  border-color: #93c5fd;
  box-shadow: 0 10px 20px rgba(37, 99, 235, 0.08);
}

.article-card-label {
  font-size: 1.3rem;
  font-weight: 700;
  color: #2563eb;
  margin-bottom: 6px;
}

.article-card-url {
  font-size: 1.35rem;
  color: #6b7280;
  word-break: break-all;
  line-height: 1.6;
}

/* tablet / pc */
@media (min-width: 768px) {
  .video-frame {
    min-height: 615px;
  }
}

/* mobile */
@media (max-width: 767px) {
  .media-section {
    padding: 40px 16px 0;
  }

  .media-header {
    padding: 18px 16px 8px;
  }

  .media-kicker {
    font-size: 1.1rem;
    padding: 5px 9px;
    margin-bottom: 10px;
  }

  .media-title {
    font-size: 1.9rem;
    padding-left: 12px;
  }

  .media-video-wrap {
    padding: 12px 16px 0;
  }

  .video-frame {
    min-height: 220px;
    border-radius: 12px;
  }

  .media-info-box {
    padding: 16px;
  }

  .media-notice,
  .media-articles {
    padding: 16px;
    border-radius: 14px;
  }

  .media-notice strong,
  .media-articles-title {
    font-size: 1.45rem;
  }

  .media-notice p,
  .article-card-url {
    font-size: 1.3rem;
  }

  .article-card {
    padding: 14px 16px;
    border-radius: 12px;
  }

  .article-card-label {
    font-size: 1.2rem;
  }
}
/* pipeline */
/* PIPELINE section */

.pipeline-section {
  background: #f7f8fa;
  padding: 40px 0;
}

.pipeline-card {
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
  overflow: hidden;
  border: 1px solid #eef2f7;
}

.pipeline-card .media-header {
  padding: 24px 24px 10px;
}

.pipeline-wrap {
  background: transparent;
  border-radius: 0;
  overflow: hidden;
  box-shadow: none;
  padding: 0 24px;
}

.section-wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
}

/* PC table */
.table-scroll {
  width: 100%;
  overflow: hidden;
}

.graph-table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  font-size: 1.4rem;
  table-layout: fixed;
  border-top: 2px solid #222;
  border-bottom: 1px solid #e0e0e0;
}

.graph-table th,
.graph-table td {
  border: 1px solid #e5e7eb;
  padding: 12px 8px;
  text-align: center;
  vertical-align: middle;
  word-break: keep-all;
}

.graph-table th {
  background: #f8fafc;
  font-weight: 700;
  font-size: 1.3rem;
  color: #212529;
}

.graph-table .bg-color {
  background: #f1f5f9;
}

.graph-table .title,
.pipe-card-title {
  display: inline-block;
  font-size: 1.5rem;
  line-height: 1.25;
  font-weight: 700;
  color: #000;
}

.graph-table .title span,
.pipe-card-title span {
  display: block;
  font-size: 1.2rem;
  font-weight: 400;
  color: #6b7280;
  margin-top: 4px;
}

.list-title {
  margin: 0;
  font-size: 1.3rem;
  color: #111827;
  word-break: keep-all;
  line-height: 1.35;
}

.percent {
  width: 100%;
}

.bar {
  width: 100%;
  background: #e5e7eb;
  border-radius: 999px;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.bar span {
  display: flex;
  align-items: center;
  justify-content: flex-start; /* 필요시 flex-end로 변경 */
  height: 100%;
  font-size: 1.15rem;
  padding: 0 10px;
  white-space: normal;
  text-align: left;
  line-height: 1.25;
}

.pipe_blue {
  background: linear-gradient(90deg, #2563eb, #1d4ed8);
  color: #fff;
}

.pipe_green {
  background: linear-gradient(90deg, #16a34a, #15803d);
  color: #fff;
}

.pipe_yellow {
  background: #f1c40f;
  color: #000;
}

.ensol_mobile_font {
  font-size: 1.1rem;
  color: inherit;
  line-height: 1.25;
}

.ensol_mobile_font2 {
  font-size: 1.1rem;
  color: #000;
  line-height: 1.25;
}

/* logo cell */
.graph-table td:last-child {
  padding: 6px;
}

.graph-table td img {
  width: 100%;
  max-width: 100%;
  height: 40px;
  object-fit: contain;
  margin: 0 auto;
}

.pipeline-more {
  padding: 10px;
  text-align: right;
  background: #fff;
}

.pipeline-more a {
  display: inline-block;
  color: #2563eb;
  font-size: 1.4rem;
  font-weight: 700;
}

/* mobile cards */
.pipeline-cards {
  display: none;
  padding: 16px;
  gap: 14px;
  flex-direction: column;
}

.pipe-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 16px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.04);
}

.pipe-card-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.pipe-card-top > div:first-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.pipe-card-logo img {
  width: 56px;
  height: auto;
  object-fit: contain;
}

.pipe-card-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.pipe-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  font-weight: 700;
  color: #2563eb;
  background: #eff6ff;
  padding: 4px 10px;
  border-radius: 999px;
  margin-bottom: 6px;
}

.pipe-card-label {
  font-size: 1.2rem;
  color: #6b7280;
  margin-bottom: 4px;
}

.pipe-card-text {
  font-size: 1.4rem;
  color: #111827;
  word-break: keep-all;
}

.pipe-card .bar {
  height: 30px;
}

.pipe-card .bar span {
  padding: 0 12px;
}

.pipe-card-link {
  margin-top: 12px;
}

.pipe-card-link a {
  display: inline-block;
  font-size: 1.3rem;
  font-weight: 700;
  color: #2563eb;
}

/* mobile */
@media (max-width: 767px) {
  .table-scroll {
    display: none;
  }

  .pipeline-cards {
    display: flex;
	border-radius: 16px;
  }
  
  .pipeline-card .media-header {
    padding: 18px 16px 8px;
  }

  .pipeline-wrap {
    box-shadow: none;
    background: transparent;
	padding: 0;
  }

  .pipeline-more {
    background: transparent;
    padding-top: 0;
  }
}

/* tablet */
@media (min-width: 768px) and (max-width: 1024px) {
  .graph-table th,
  .graph-table td {
    padding: 8px 4px;
  }

  .graph-table th {
    font-size: 1.15rem;
  }

  .graph-table .title {
    font-size: 1.25rem;
  }

  .graph-table .title span {
    font-size: 1.05rem;
  }

  .list-title {
    font-size: 1.15rem;
  }

  .bar span {
    font-size: 1rem;
    padding: 0 4px;
  }

  .ensol_mobile_font,
  .ensol_mobile_font2 {
    font-size: 1rem;
  }

  .graph-table td img {
    height: 34px;
  }
}

/* desktop */
@media (min-width: 768px) {
  .pipeline-cards {
    display: none !important;
  }

  .table-scroll {
    display: block;
  }
}

/* new notice & news */
.board-wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 16px 50px 16px;
  box-sizing: border-box;
}

.board-section-header {
  padding: 0 0 20px 0;
}

.board-kicker {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #2563eb;
  background: #eff6ff;
  padding: 6px 10px;
  border-radius: 999px;
  margin-bottom: 12px;
}

.board-main-title {
  margin: 0;
  font-size: 2.4rem;
  line-height: 1.35;
  color: #0f172a;
  position: relative;
  padding-left: 14px;
}

.board-main-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 4px;
  height: calc(100% - 8px);
  background: linear-gradient(180deg, #2563eb, #60a5fa);
  border-radius: 999px;
}

.board-flex-row {
  display: flex;
  flex-direction: row;
  gap: 20px;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
  width: 100%;
  box-sizing: border-box;
}

.board-box {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 20px;
  box-shadow: 0 10px 24px rgba(15,23,42,0.06);
  width: 100%;
  min-width: 220px;
  box-sizing: border-box;
  padding: 20px;
  flex: 1 1 220px;
}

.board-box-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
  padding:0 10px;
}

.board-title-wrap {
  position: relative;
  padding-left: 12px;
}

.board-title-wrap::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 4px;
  height: calc(100% - 8px);
  background: linear-gradient(180deg, #2563eb, #60a5fa);
  border-radius: 999px;
}

.board-title-kicker {
  display: inline-block;
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #2563eb;
  margin-bottom: 4px;
}

.board-box-header h3 {
  margin: 0;
  font-size: 2rem;
  color: #0f172a;
  font-weight: 800;
  line-height: 1.2;
}

.board-box-header h3 a {
  color: inherit;
}

.board-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 74px;
  height: 30px;
  padding: 0 12px;
  font-size: 1.25rem;
  color: #2563eb;
  font-weight: 700;
  border: 1px solid #dbeafe;
  background: #eff6ff;
  border-radius: 999px;
  transition: all 0.2s ease;
}

.board-more:hover {
  background: #2563eb;
  color: #fff;
  border-color: #2563eb;
}

.board-latest-wrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: block;
}

@media (max-width: 1100px) {
  .board-flex-row {
    flex-direction: column;
  }

  .board-box {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .board-wrap {
    padding: 30px 16px 40px 16px;
  }

  .board-kicker {
    font-size: 1.1rem;
    padding: 5px 9px;
    margin-bottom: 10px;
  }

  .board-main-title {
    font-size: 1.9rem;
    padding-left: 12px;
  }

  .board-box {
    border-radius: 16px;
    padding: 16px;
  }

  .board-title-kicker {
    font-size: 1rem;
  }

  .board-box-header h3 {
    font-size: 1.7rem;
  }

  .board-more {
    min-width: 64px;
    height: 30px;
    font-size: 1.15rem;
    padding: 0 10px;
  }
}

/* new slider 추가 */
/* =========================
   ENSOL HERO SLIDER ONLY
   ========================= */

.ensol-hero-slider {
  padding: 0;
}

.ensol-hero-slider .bxslider > .ensol-hero-item {
  position: relative;
  height: 320px;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

.ensol-hero-slider .bxslider > .ensol-hero-item::before {
  content: "";
  position: absolute;
  inset: 0;
  /*background: linear-gradient(to top, rgba(0,0,0,0.72), rgba(0,0,0,0.22));*/
  z-index: 0;
}

.slide0 .ensol-hero-title,
.slide0 .ensol-hero-subtitle,
.slide0 .ensol-hero-subtitle b,
.slide0 .ensol-hero-text,
.slide0 .ensol-hero-text b {
  color: #111 !important;
}

.slide1 .ensol-hero-title,
.slide1 .ensol-hero-subtitle,
.slide1 .ensol-hero-subtitle b,
.slide1 .ensol-hero-text,
.slide1 .ensol-hero-text b {
  color: #111 !important;
}

.slide3 .ensol-hero-title,
.slide3 .ensol-hero-subtitle,
.slide3 .ensol-hero-subtitle b,
.slide3 .ensol-hero-text,
.slide3 .ensol-hero-text b {
  color: #111 !important;
}

.slide3 .ensol-hero-title,
.slide4 .ensol-hero-title,
.slide2 .ensol-hero-title,
.slide1 .ensol-hero-title, {
	
	padding-top:0 !important;
	text-align:left !important;
}

.ensol-hero-inner {
  position: relative;
  z-index: 1;
  max-width: 1200px;
  height: 100%;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  align-items: center;
}

.ensol-hero-content {
  width: 100%;
  max-width: 88%;
}

.ensol-hero-title {
  margin: 0 0 10px 0 !important;
  font-size: 4rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  color: #fff !important;
}

.ensol-hero-subtitle {
  margin: 0 0 10px 0 !important;
  font-size: 2rem !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  color: #fff !important;
}

.ensol-hero-subtitle b {
  color: #fff !important;
}

.ensol-hero-text {
  margin: 0 0 6px 0 !important;
  font-size: 1.7rem !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  color: #fff !important;
}

.ensol-hero-text b {
  color: #fff !important;
  font-weight: 700 !important;
}

.ensol-hero-dark .ensol-hero-title,
.ensol-hero-dark .ensol-hero-subtitle,
.ensol-hero-dark .ensol-hero-text,
.ensol-hero-dark .ensol-hero-subtitle b,
.ensol-hero-dark .ensol-hero-text b {
  color: #333 !important;
}

.ensol-hero-shadow .ensol-hero-title,
.ensol-hero-shadow .ensol-hero-subtitle,
.ensol-hero-shadow .ensol-hero-text,
.ensol-hero-shadow .ensol-hero-subtitle b,
.ensol-hero-shadow .ensol-hero-text b {
  color: #fff !important;
  text-shadow: 2px 3px 6px rgba(0,0,0,0.78);
}

.ensol-hero-buttons {
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ensol-hero-btn {
  display: inline-block;
  padding: 10px 14px;
  font-size: 1.3rem;
  font-weight: 600;
  border-radius: 6px;
  color: #fff !important;
  text-decoration: none;
  transition: 0.2s ease;
}

.ensol-hero-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.18);
}

/* bxslider arrows */
.ensol-hero-slider .bx-wrapper {
  position: relative;
  margin: 0 auto;
  border: 0;
  box-shadow: none;
  background: transparent;
}

.ensol-hero-slider .bx-wrapper .bx-viewport {
  border: 0;
  box-shadow: none;
  left: 0;
}

.ensol-hero-slider .bx-wrapper .bx-prev,
.ensol-hero-slider .bx-wrapper .bx-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(0,0,0,0.35);
  text-indent: -9999px;
  z-index: 999;
  margin-top: 0;
}

.ensol-hero-slider .bx-wrapper .bx-prev {
  left: 18px;
}

.ensol-hero-slider .bx-wrapper .bx-next {
  right: 18px;
}

.ensol-hero-slider .bx-wrapper .bx-prev::after,
.ensol-hero-slider .bx-wrapper .bx-next::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.ensol-hero-slider .bx-wrapper .bx-prev::after {
  transform: translate(-35%, -50%) rotate(-135deg);
}

.ensol-hero-slider .bx-wrapper .bx-next::after {
  transform: translate(-65%, -50%) rotate(45deg);
}

.ensol-hero-slider .bx-wrapper .bx-prev:hover,
.ensol-hero-slider .bx-wrapper .bx-next:hover {
  background: rgba(0,0,0,0.55);
}

/* bxslider pager */
.ensol-hero-slider .bx-wrapper .bx-pager {
  position: absolute;
  bottom: 14px;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  padding: 6px 10px;
  background: rgba(0,0,0,0.35);
  border-radius: 999px;
  text-align: center;
  z-index: 10;
}

.ensol-hero-slider .bx-wrapper .bx-pager.bx-default-pager a {
  display: inline-block !important;
  width: 20px;
  height: 4px;
  margin: 0 3px;
  border-radius: 999px;
  background: rgba(255,255,255,0.45) !important;
  text-indent: -9999px;
  overflow: hidden;
  transition: all 0.2s ease;
}

.ensol-hero-slider .bx-wrapper .bx-pager.bx-default-pager a.active,
.ensol-hero-slider .bx-wrapper .bx-pager.bx-default-pager a:hover {
  background: #ffffff !important;
  width: 26px;
}

/* mobile */
@media (max-width: 900px) {
  .ensol-hero-slider .bxslider > .ensol-hero-item {
    height: 240px;
  }

  .ensol-hero-inner {
    align-items: flex-end;
    padding: 0 16px 18px 16px;
  }

  .ensol-hero-content {
    max-width: 100%;
  }

  .ensol-hero-title {
    font-size: 2.2rem !important;
    margin-bottom: 8px !important;
  }

  .ensol-hero-subtitle {
    font-size: 1.5rem !important;
    margin-bottom: 8px !important;
  }

  .ensol-hero-text {
    font-size: 1.2rem !important;
    line-height: 1.45 !important;
    margin-bottom: 4px !important;
  }

  .ensol-hero-buttons {
    margin-top: 10px;
    gap: 6px;
  }

  .ensol-hero-btn {
    padding: 7px 10px;
    font-size: 1.15rem;
  }

  .ensol-hero-slider .bx-wrapper .bx-prev,
  .ensol-hero-slider .bx-wrapper .bx-next {
    width: 30px;
    height: 30px;
    top: 18px;
    transform: none;
  }

  .ensol-hero-slider .bx-wrapper .bx-prev {
    left: 10px;
  }

  .ensol-hero-slider .bx-wrapper .bx-next {
    right: 10px;
  }

  .ensol-hero-slider .bx-wrapper .bx-pager {
    bottom: 8px;
    padding: 5px 8px;
  }

  .ensol-hero-slider .bx-wrapper .bx-pager.bx-default-pager a {
    width: 16px;
    height: 4px;
    margin: 0 2px;
  }

  .ensol-hero-slider .bx-wrapper .bx-pager.bx-default-pager a.active,
  .ensol-hero-slider .bx-wrapper .bx-pager.bx-default-pager a:hover {
    width: 20px;
  }
}

@media (max-width: 600px) {
  .ensol-hero-slider .bxslider > .ensol-hero-item {
    height: 220px;
  }

  .ensol-hero-title {
    font-size: 1.9rem !important;
  }

  .ensol-hero-subtitle {
    font-size: 1.35rem !important;
  }

  .ensol-hero-text {
    font-size: 1.1rem !important;
  }

  .ensol-hero-btn {
    font-size: 1.05rem;
    padding: 6px 9px;
  }
}

/* slide text */
/* =========================
   sect1 slider text only
   기존 bxslider HTML 유지
   ========================= */

/* 공통 텍스트 영역 */
.sect1 .bxslider > div > div > div {
  max-width: 88%;
  width: 100%;
}

/* 제목 */
.sect1 .bxslider h3,
.sect1 .bxslider .slide0_tit {
  margin: 0 0 10px 0 !important;
  padding-top: 0 !important;
  max-width: none !important;
  text-align: left !important;
  /*color: #ffffff !important;*/
  font-size: 4rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

/* 본문 공통 */
.sect1 .bxslider p {
  margin: 0 0 6px 0 !important;
  /*color: #ffffff !important;*/
  text-align: left !important;
  line-height: 1.55 !important;
  font-weight: 400 !important;
}

/* slide_normal */
.sect1 .bxslider p.slide_normal {
  font-size: 1.8rem !important;
  color: #ffffff !important;
}

/* small */
.sect1 .bxslider p.small {
  font-size: 1.45rem !important;
  color: #ffffff !important;
}

/* bold */
.sect1 .bxslider b.slide_bold,
.sect1 .bxslider b.slide_bold_white {
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* slide4는 밝은 배경이라 글씨 어둡게 */
.sect1 .bxslider .slide4 h3 {
  color: #333333 !important;
  text-shadow:
    0 0 2px rgba(255,255,255,0.95),
    1px 1px 5px rgba(255,255,255,0.8) !important;
}

.sect1 .bxslider .slide4 p,
.sect1 .bxslider .slide4 b {
	font-weight:bold;
  color: #333333 !important;
  text-shadow: 1px 1px 3px rgba(255,255,255,0.9) !important;
}

/* slide2는 그림자 유지 */
.sect1 .bxslider .slide2 h3,
.sect1 .bxslider .slide2 p,
.sect1 .bxslider .slide2 b {
  color: #ffffff !important;
  text-shadow: 2px 3px 6px rgba(0,0,0,0.75) !important;
}

/* 버튼 간격 */
.sect1 .slide0-buttons {
  margin-top: 16px !important;
  display: flex;
  justify-content: flex-start;
  gap: 8px;
  flex-wrap: wrap;
}

.sect1 .slide0-btn {
  font-size: 1.3rem !important;
  padding: 10px 14px !important;
  color: #fff !important;
  border-radius: 6px !important;
}

/* ===== 900px 이하 ===== */
@media (max-width: 900px) {
  .sect1 .bxslider h3,
  .sect1 .bxslider .slide0_tit {
    font-size: 2.3rem !important;
    line-height: 1.2 !important;
    margin-bottom: 8px !important;
  }

  .sect1 .bxslider p.slide_normal {
    font-size: 1.45rem !important;
    line-height: 1.4 !important;
  }

  .sect1 .bxslider p.small {
    font-size: 1.2rem !important;
    line-height: 1.4 !important;
  }

  .sect1 .slide0-buttons {
    margin-top: 10px !important;
    gap: 6px !important;
  }

  .sect1 .slide0-btn {
    font-size: 1.15rem !important;
    padding: 7px 10px !important;
  }
}

/* ===== 600px 이하 ===== */
@media (max-width: 600px) {
  .sect1 .bxslider h3,
  .sect1 .bxslider .slide0_tit {
    font-size: 1.9rem !important;
    line-height: 1.2 !important;
  }

  .sect1 .bxslider p.slide_normal {
    font-size: 1.25rem !important;
    line-height: 1.35 !important;
  }

  .sect1 .bxslider p.small {
    font-size: 1.05rem !important;
    line-height: 1.35 !important;
  }

  .sect1 .slide0-btn {
    font-size: 1.05rem !important;
    padding: 6px 9px !important;
  }
}

/* ===== 380px 이하 ===== */
@media (max-width: 380px) {
  .sect1 .bxslider h3,
  .sect1 .bxslider .slide0_tit {
    font-size: 1.6rem !important;
  }

  .sect1 .bxslider p.slide_normal {
    font-size: 1.1rem !important;
  }

  .sect1 .bxslider p.small {
    font-size: 0.95rem !important;
  }

  .sect1 .slide0-btn {
    font-size: 0.95rem !important;
    padding: 5px 7px !important;
  }
}

/* \ new 추가 */
/* \ 26 new */