@charset "utf-8";
.about_biz {
	text-align:center;
	margin:0 auto;
}
/*.about_biz p{margin-top: 29px; font-size: 16px; font-size: 1.06rem; color: #666; line-height: 25px; letter-spacing: -1px;}*/


ul.tabs {
	text-align:center;
	list-style: none;
	width:600px;
	font-size:18px;
	overflow: hidden;
	margin: 30px auto;
}
ul.tabs li {
	width:200px;
	margin-right:-1px;
	float: left;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	box-sizing:border-box;
	padding: 19px 0;
	background-color:#ffffff;
	color:#888888;
	border:1px solid #dddddd;
}
ul.tabs li.active {
	background-color:#566493;
	color:#ffffff;
	border:1px solid #263b85;
}

ul.tabs400 {
	text-align:center;
	list-style: none;
	width:400px;
	font-size:18px;
	overflow: hidden;
	margin: 30px auto;
}
ul.tabs400 li {
	width:200px;
	margin-right:-1px;
	float: left;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	box-sizing:border-box;
	padding: 19px 0;
	background-color:#ffffff;
	color:#888888;
	border:1px solid #dddddd;
}
ul.tabs400 li.active {
	background-color:#566493;
	color:#ffffff;
	border:1px solid #263b85;
}

ul.tabs600 {
	text-align:center;
	list-style: none;
	width:600px;
	font-size:18px;
	overflow: hidden;
	margin: 30px auto;
}
ul.tabs600 li {
	width:200px;
	margin-right:-1px;
	float: left;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	box-sizing:border-box;
	padding: 19px 0;
	background-color:#ffffff;
	color:#888888;
	border:1px solid #dddddd;
}
ul.tabs600 li.active {
	background-color:#566493;
	color:#ffffff;
	border:1px solid #263b85;
}

ul.tabs660 {
	text-align:center;
	list-style: none;
	width:660px;
	font-size:18px;
	overflow: hidden;
	margin: 30px auto;
}
ul.tabs660 li {
	width:220px;
	margin-right:-1px;
	float: left;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	box-sizing:border-box;
	padding: 19px 0;
	background-color:#ffffff;
	color:#888888;
	border:1px solid #dddddd;
}
ul.tabs660 li.active {
	background-color:#566493;
	color:#ffffff;
	border:1px solid #263b85;
}

ul.tabs800 {
	text-align:center;
	list-style: none;
	width:800px;
	font-size:18px;
	overflow: hidden;
	margin: 30px auto;
}
ul.tabs800 li {
	width:200px;
	margin-right:-1px;
	float: left;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	box-sizing:border-box;
	padding: 19px 0;
	background-color:#ffffff;
	color:#888888;
	border:1px solid #dddddd;
}
ul.tabs800 li.active {
	background-color:#566493;
	color:#ffffff;
	border:1px solid #263b85;
}

ul.tabs800Health {
	text-align:center;
	list-style: none;
	width:800px;
	margin:0 auto;
	font-size:18px;
	overflow: hidden;
	margin-top:30px;
	margin-bottom:30px;
}
ul.tabs800Health li {
	width:200px;
	margin-right:-1px;
	float: left;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	box-sizing:border-box;
	padding: 19px 0;
	background-color:#ffffff;
	color:#888888;
	border:1px solid #dddddd;
}
ul.tabs800Health li.active {
	background-color:#566493;
	color:#ffffff;
	border:1px solid #263b85;
}
.hr {
	border-bottom:1px solid #dbdbdb;
	margin-bottom:80px;
}
.m_img {
	max-width:100%;
	height:auto;
}
.bg_gray {
	background-color:#f2f2f2;
	padding-top:80px;
	border-top:1px solid #e9e9e9;
	padding-bottom:80px;
}

.bg_gray02 {
	background-color:#f7f7f7;
	padding-top:80px;
	border-top:1px solid #e9e9e9;
	padding-bottom:80px;
}

.performance-history {
	display: none; /* 구축실적 안 보이게 기본으로 설정 */
}

.overlay { position:absolute;top:0; left:0px;
	    background:rgba(38,59,133,0.9);
	    text-align:center;
	    opacity:0;
		width:100%;
		height:260px;
	    -webkit-transition: all 0.3s ease-in-out;
	    -moz-transition: all 0.3s ease-in-out;
	    -o-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	    transition: all 0.3s ease-in-out;
}
.performance_area li:hover .overlay { opacity:1;}
.search {position:relative; top:80px;}

.performance_area {
	margin-top:60px;
}
.performance_area li {
	width:100%;
	box-sizing:border-box;
	background-color:#FFFFFF;
	margin:0 auto;
	text-align:left;
	position:relative;
	margin-bottom:10px;
}

/* 첫 번째 li에 hover 시 border-radius 적용 */
#system_performance_area>li>a:first-child:hover {
	border-radius: 20px;
	color:#FFFFFF;
}

/* 마지막 li에 hover 시 border-radius 적용 */
#system_performance_area>li>a:last-child:hover {
	border-radius: 20px;
	color:#FFFFFF;
}

.performance_area>li>a {display:block;padding:50px;}
.performance_area>li>a:hover {display:block; background-color:#3b4e91; color:#FFFFFF;padding:50px;}

.performance_area li:last-child {
	margin-bottom:0px;
}
.performance_area .logo_area {
	background-color:#f8f8f8;
	width:260px;
	height:160px;
	float:left; margin-right:50px; text-align:center;     line-height: 156px; overflow:hidden;
}
.performance_area .mark{ position:absolute; left:50px; top:50px;}
.performance_area .logo_area img { vertical-align:middle; max-height:160px; max-width:260px;}
.performance_area dt span {
	font-size: 22px;
	font-size: 1.4rem;
	font-weight: 700;
	text-align: left;
	white-space: pre-wrap;
	word-break: keep-all;
	max-height: 110px;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.performance_area dt span:after {
	content: '';
	display: block;
	width: 30px;
	height: 1px;
	background: #222;
	margin: auto 0;
	border-radius: 2px;
	margin-top:15px;
	margin-bottom:15px;
}
.performance_area dd em {
	display: block;
	letter-spacing: -1px;
	font-size: 14px;
	font-size: 0.93rem;
	line-height: 21px;
	color: #666;
	word-break: keep-all;
	height: 67px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.performance_area>li>a:hover dt span:after{
	content: '';
	display: block;
	width: 30px;
	height: 1px;
	background: #fff;
	margin: auto 0;
	border-radius: 2px;
	margin-top:15px;
	margin-bottom:15px;
}
.performance_area>li>a:hover dd em {
	display: block;
	letter-spacing: -1px;
	font-size: 14px;
	font-size: 0.93rem;
	line-height: 21px;

	color: #949cba;
	word-break: keep-all;
	height: 67px;
	display: -webkit-box;

	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.performance_area dd span {
	display: block;
	letter-spacing: -1px;
	font-size: 14px;
	font-size: 0.93rem;
	line-height: 21px;
	color: #999;
	white-space: pre-wrap;
	word-break: keep-all;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis; height:18px;
	margin-top: 20px;
}

.performance_area>li>a:hover dd span {
	display: block;
	letter-spacing: -1px;
	font-size: 14px;
	font-size: 0.93rem;
	line-height: 21px;

	color: #ffffff;
	white-space: pre-wrap;
	word-break: keep-all;

	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;

}

.performance_area>li>span {display:block;padding:50px;}

/*list_view*/
.performance_list_cont {text-align:center; display:none; padding:80px 130px 50px 130px;;}
.performance_list_cont span{
display: block;
	letter-spacing: -1px;
	font-size: 14px;
	font-size: 0.93rem;
	line-height: 21px;

	color: #999;
	white-space: pre-wrap;
	word-break: keep-all;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis; margin-bottom: 20px;    text-align: left; margin-top:15px;


	}
.performance_list_cont strong {display:block; font-size:35px; padding-bottom:50px; color:#222;line-height: 48px;     text-align: left;}
.performance_list_cont figure{min-width: 0px;}
.performance_list_cont figure img{max-height: 700px;max-width:940px;}
.performance_list_cont figure video{ max-height:560px; max-width:940px;}
.performance_list_cont p {display: block;
    margin-top: 40px;
    letter-spacing: -1px;
    font-size: 14px;
    font-size: 0.93rem;
    line-height: 24px;
    color: #666;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    max-width: 950px; }
.performance_list_cont .button_wrap {padding-top:50px;border-top:1px solid #ebebeb; margin-top:50px; }
.performance_list_cont .button_wrap a {display:inline-block; padding:12px 49px; background:#263B85; color:#fff; font-size:14px;}


.mgL30 {
	margin-left:30px;
}
.mgT60 {
	margin-top:60px;
}
.mgT80 {
	margin-top:80px;
}
.mgT120 {
	margin-top:120px;
}
.mgB80 {
	margin-bottom:80px;
}
.bg_patternB {
	background: url(../images/backcolor.jpg) repeat-x;
	padding-top:80px;
	padding-bottom:80px;
	height: 100%;
}
.bg_patternB h3 {
	font-size: 36px;
	text-align: center;
	color:#FFFFFF;
}
.bg_patternB h3:after {
	content: '';
	display: block;
	width: 30px;
	height: 3px;
	background: #ffffff;
	border-radius: 2px;
	margin: 30px auto 50px;
}
.bg_patternB .button_wrap {
    padding-top: 50px;
}

.bg_patternB .button_wrap a {
    display: inline-block;
    padding: 18px 35px;
    color: #fff;
    font-size: 15px; border:4px solid #ffffff;
}


.iline{display: inline-block;
    width: 1px;
    min-height: 100px;
    background: #eaeaea;
	vertical-align:middle; height:100%;
	margin-right: 50px;
}

.mline{display: inline-block;
    width: 1px;
    min-height: 100px;
    background: #eaeaea;
	vertical-align:middle; height:100%;
	margin: 0 25px;
}

/* 솔루션영역 변경 코드 추가20200330) */
#container .energy .inner_850{max-width: 1100px; overflow: hidden;}

#container .energy .inner_850 .solution_area_left{ width: 480px; height: 125px; padding: 30px; background-color: white; overflow: hidden; float: left; margin-right: 20px;}
#container .energy .inner_850 .solution_area_left P { width: 86px; height: 37px; margin-top: 50px; margin-right: 23px; float: left; }
#container .energy .inner_850 .solution_area_left .iline { float: left; margin-right: 20px; }
#container .energy .inner_850 .solution_area_left dl { margin-left: 20px;}
#container .energy .inner_850 .solution_area_left dt { font-size: 20px; font-weight: bold; text-align: left; margin-top: 10px;}
#container .energy .inner_850 .solution_area_left dd { text-align: left; font-size: 0.93rem; color:#666666; line-height: 20px; margin-top: 13px; }
#container .energy .inner_850 .solution_area_left li { list-style-type: disc; margin-left: 30px;}

#container .energy .inner_850 .solution_area_right{ width: 480px; height: 125px; padding: 30px; background-color: white; overflow: hidden; }
/*
	2022.02.25 기존 에너지 사업부 내용 주석 요청
#container .energy .inner_850 .solution_area_right P { width: 86px; height: 37px; margin-top: 45px; margin-right: 23px; margin-left: 5px; float: left; }
*/
#container .energy .inner_850 .solution_area_right P { width: 86px; height: 37px; margin-top: 45px; margin-right: 23px; margin-left: 5px; float: left; }
#container .energy .inner_850 .solution_area_right .iline { float: left; margin-right: 20px; }
#container .energy .inner_850 .solution_area_right dt { font-size: 20px; font-weight: bold; text-align: left; margin-top: 10px;}
#container .energy .inner_850 .solution_area_right dd { text-align: left; font-size: 0.93rem; color:#666666; line-height: 20px; margin-top: 13px; }

/* 에너지 사업부 탭 주요기능*/
.function_building_energy, .function_electric_car, .function_smart_home { position: relative; display: block; margin: 0 auto; overflow: hidden; display: inline-block; margin-left: 50px;}
.function_building_energy ul, .function_electric_car ul, .function_smart_home ul{ float:left; }
.function_building_energy ul.Lfunction li, .function_electric_car ul.Lfunction li, .function_smart_home ul.Lfunction li{height:100%; position:relative; min-width:500px; text-align:left;clear:both; padding-top:50px;  }
.function_building_energy ul.Lfunction li p, .function_electric_car ul.Lfunction li p, .function_smart_home ul.Lfunction li p{width:135px; height:135px;  border-radius:50%;text-align:center; margin-right:30px; float:left; background-color:#f2f2f2;text-indent:-9999px; position:relative; }
.function_building_energy ul.Rfunction li, .function_electric_car ul.Rfunction li, .function_smart_home ul.Rfunction li{height:100%; position:relative; min-width:510px; text-align:left;clear:both; padding-top:50px;  }
.function_building_energy ul.Rfunction li p, .function_electric_car ul.Rfunction li p, .function_smart_home ul.Rfunction li p{width:135px; height:135px;  border-radius:50%;text-align:center; margin-right:30px; float:left; background-color:#f2f2f2;text-indent:-9999px; position:relative; }
.function_building_energy ul li dt, .function_electric_car ul li dt, .function_smart_home ul li dt{ margin-top:30px;font-size:18px;font-weight: bold; margin-bottom:10px; }
.function_building_energy ul li dd, .function_electric_car ul li dd, .function_smart_home ul li dd{ line-height:20px; }

/*스마트홈 주요 기능*/
.function_smart_home ul.Lfunction li p:after{content: ''; display: block; width: 84px; height: 84px; background: url(../images/eng_smarthome_b01.png) no-repeat 0; position:absolute; left:28px; top:30px;}
.function_smart_home>ul.Lfunction li:nth-child(2) p:after {content: ''; display: block; width: 84px; height: 84px; background: url(../images/eng_smarthome_b03.png) no-repeat 0; position:absolute; left:28px; top:30px;}
.function_smart_home>ul.Lfunction li:nth-child(3) p:after {content: ''; display: block; width: 84px; height: 84px; background: url(../images/eng_smarthome_b05.png) no-repeat 0; position:absolute; left:28px; top:30px;}
.function_smart_home ul.Rfunction li p:after{ content: ''; display: block; width: 84px; height: 84px; background: url(../images/eng_smarthome_b02.png) no-repeat 0; position:absolute; left:28px; top:30px;}
.function_smart_home>ul.Rfunction li:nth-child(2) p:after { content: ''; display: block; width: 84px; height: 84px; background: url(../images/eng_smarthome_b04.png) no-repeat 0; position:absolute; left:28px; top:30px;}

/*건물에너지 주요기능*/
.function_building_energy ul.Lfunction li p:after{content: ''; display: block; width: 42px; height: 42px; background: url(../images/eng_best_s01.png) no-repeat 0; position:absolute; left:48px; top:50px;}
.function_building_energy>ul.Lfunction li:nth-child(2) p:after {content: ''; display: block; width: 42px; height: 42px; background: url(../images/eng_best_s03.png) no-repeat 0; position:absolute; left:48px; top:50px;}
.function_building_energy>ul.Lfunction li:nth-child(3) p:after {content: ''; display: block; width: 42px; height: 42px; background: url(../images/eng_best_s05.png) no-repeat 0; position:absolute; left:48px; top:50px;}
.function_building_energy ul.Rfunction li p:after{ content: ''; display: block; width: 42px; height: 42px; background: url(../images/eng_best_s02.png) no-repeat 0; position:absolute; left:48px; top:50px;}
.function_building_energy>ul.Rfunction li:nth-child(2) p:after { content: ''; display: block; width: 42px; height: 42px; background: url(../images/eng_best_s04.png) no-repeat 0; position:absolute; left:48px; top:50px;}
.function_building_energy>ul.Rfunction li:nth-child(3) p:after { content: ''; display: block; width: 42px; height: 42px; background: url(../images/eng_best_s06.png) no-repeat 0; position:absolute; left:48px; top:50px;}

/*전기차충전소 주요기능*/
/*.function_electric_car ul.Lfunction li p:after{content: ''; display: block; width: 42px; height: 42px; background: url(../images/eng_evvs_s01.png) no-repeat 0; position:absolute; left:48px; top:50px;}*/
/*.function_electric_car>ul.Lfunction li:nth-child(2) p:after {content: ''; display: block; width: 42px; height: 42px; background: url(../images/eng_evvs_s03.png) no-repeat 0; position:absolute; left:48px; top:50px;}*/
/*.function_electric_car>ul.Lfunction li:nth-child(3) p:after {content: ''; display: block; width: 42px; height: 42px; background: url(../images/eng_evvs_s05.png) no-repeat 0; position:absolute; left:48px; top:50px;}*/
/*.function_electric_car ul.Rfunction li p:after{ content: ''; display: block; width: 42px; height: 42px; background: url(../images/eng_evvs_s02.png) no-repeat 0; position:absolute; left:48px; top:50px;}*/
/*.function_electric_car>ul.Rfunction li:nth-child(2) p:after { content: ''; display: block; width: 42px; height: 42px; background: url(../images/eng_evvs_s04.png) no-repeat 0; position:absolute; left:48px; top:50px;}*/

.solution_area {
	margin-top:60px;
	width:100%;
	box-sizing:border-box;
	background-color:#FFFFFF;
	margin:0 auto;
	text-align:left; overflow:hidden; padding:40px 50px 40px 0px; vertical-align:middle; display:table;
}
.solution_area p{ display:table-cell; vertical-align:middle; width:330px;text-align:center;}
.solution_area p img { line-height:100px; vertical-align:middle;}
/*.solution_area p:after{content: '';
    display: inline-block;
    width: 1px;
    min-height: 100px;
    background: #eaeaea;
	vertical-align:middle; height:100%;
}*/
.solution_area dl { display:table-cell; vertical-align:inherit;
}
.solution_area dt {
	font-size: 22px;
	font-weight:bold; line-height:26px;

}
.solution_area dd {
	font-size: 14px;
	color:#666666; margin-top:15px;
    font-size: 0.93rem;
    line-height:18px; display:flex;
}
.about_biz .title_dd{
margin-top: 25px;
    font-size: 16px;
    font-size: 1.06rem;
    color: #666;
    line-height: 25px;
    letter-spacing: -1px;
    height:100%;
    }


.inner_787{max-width:787px;
    margin: 0 auto;
    padding: 0 40px;
}

.inner_850{max-width:850px;
    margin: 0 auto;
    padding: 0 40px;
}

.inner_1050{max-width:1050px;
    margin: 0 auto;
    padding: 0 40px;
}


/*energy_xems icon*/
.xems_info, .building_energy_info, .renewable_energy_info, .smart_home {position: relative;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    display: inline-block;
    margin-top: 50px;
}
.xems_info>ul li, .building_energy_info>ul li, .renewable_energy_info>ul li, .smart_home>ul li{
	float:left;
	text-align:right;
	margin-left:50px;
}
.xems_info>ul li:first-child, .building_energy_info>ul li:first-child, .renewable_energy_info>ul li:first-child, .smart_home>ul li:first-child {
    float: left;
    text-align: right;
    margin-left: 0px;
}

.xems_info>ul li span, .building_energy_info>ul li span, .renewable_energy_info>ul li span, .smart_home>ul li span {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    font-weight: bold;
}
.xems_info>ul li:after, .building_energy_info>ul li:after, .renewable_energy_info>ul li:after, .smart_home>ul li:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 140px;
    background: #eaeaea;
    margin-left: 50px;
}
.xems_info>ul li:last-child:after, .building_energy_info>ul li:last-child:after, .renewable_energy_info>ul li:last-child:after, .smart_home>ul li:last-child:after {display:none;}

/*스마트홈 소개*/
.smart_home>ul li:nth-child(1) span:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/eng_smarthome_01.png) no-repeat 0;}
.smart_home>ul li:nth-child(2) span:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/eng_smarthome_02.png) no-repeat 0;}
.smart_home>ul li:nth-child(3) span:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/eng_smarthome_03.png) no-repeat 0;}
.smart_home>ul li:nth-child(4) span:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/eng_smarthome_04.png) no-repeat 0;}

/*건물 에너지 진단 분석 소개*/
.building_energy_info>ul li:nth-child(1) span:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/eng_best_01.png) no-repeat 0;}
.building_energy_info>ul li:nth-child(2) span:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/eng_best_02.png) no-repeat 0;}
.building_energy_info>ul li:nth-child(3) span:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/eng_best_03.png) no-repeat 0;}
.building_energy_info>ul li:nth-child(4) span:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/eng_best_04.png) no-repeat 0;}

/*재생 에너지 모니터링 소개*/
.renewable_energy_info>ul li:nth-child(1) span:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/eng_rems_01.png) no-repeat 0;}
.renewable_energy_info>ul li:nth-child(2) span:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/eng_rems_02.png) no-repeat 0;}
.renewable_energy_info>ul li:nth-child(3) span:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/eng_rems_03.png) no-repeat 0;}
.renewable_energy_info>ul li:nth-child(4) span:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/eng_rems_04.png) no-repeat 0;}
.renewable_energy_info>ul li:nth-child(5) span:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/eng_rems_05.png) no-repeat 0;}

/*에너지 효율화 관리 소개*/
.xems_info>ul li:nth-child(1) span:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/eng_xems_01.png) no-repeat 0;}
.xems_info>ul li:nth-child(2) span:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/eng_xems_02.png) no-repeat 0;}
.xems_info>ul li:nth-child(3) span:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/eng_xems_03.png) no-repeat 0;}

/*!*전가차충전 소개*!*/
/*.evvs_info>ul li:nth-child(1) span:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/eng_evvs_01.png) no-repeat 0;}*/
/*.evvs_info>ul li:nth-child(2) span:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/eng_evvs_02.png) no-repeat 0;}*/
/*.evvs_info>ul li:nth-child(3) span:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/eng_evvs_03.png) no-repeat 0;}*/
/*.evvs_info>ul li:nth-child(4) span:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/eng_evvs_04.png) no-repeat 0;}*/

.button_wrap{
	margin-top: 45px;
}
.button_wrap .downloadBtn {
	background-color: #566493;
	border: 1px solid #263b85;
	padding: 0.5% 2%;
	color: #fff;
	text-align: center;
	vertical-align: sub;
}
.button_wrap .inquiryBtn {
	background-color: #566493;
	border: 1px solid #263b85;
	padding: 0.5% 2%;
	color: #fff;
	text-align: center;
	vertical-align: sub;
}
/*
	2022.02.25 기존 에너지 사업부 내용 주석 요청
.xems_info>ul li:last-child:after {display:none;}
.xems_info>ul li span:before {
    content: '';
    display: block;
    width: 96px;
    height: 96px;
    margin: 0 auto 10px;
    background: url(../images/sp_energy01.png) no-repeat -7px 0;
}
.xems_info>ul li:nth-child(2) span:before {
background-position-x:-107px;
}
.xems_info>ul li:nth-child(3) span:before {
background-position-x:-204px;
}
.xems_info>ul li:nth-child(4) {
text-align: center;
}
.xems_info>ul li:nth-child(4) span:before {
background-position-x:-302px;
}
*/


/*energy_rems icon*/
.rems_info{position: relative;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    display: inline-block;
    margin-top: 50px;
}
.rems_info>ul li {
	float:left;
	text-align:right;
	margin-left:50px;
}
.rems_info>ul li:first-child {
    float: left;
    text-align: right;
    margin-left: 0px;
}

.rems_info>ul li span {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    font-weight: bold;
}
.rems_info>ul li:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 140px;
    background: #eaeaea;
    margin-left: 50px;
}
.rems_info>ul li:last-child:after {display:none;}
.rems_info>ul li span:before {
    content: '';
    display: block;
    width: 96px;
    height: 96px;
    margin: 0 auto 10px;
    background: url(../images/sp_energy01.png) no-repeat -7px 0;
}
.rems_info>ul li:nth-child(2) span:before {
background-position-x:-107px;
}
.rems_info>ul li:nth-child(3) span:before {
background-position-x:-204px;
}
.rems_info>ul li:nth-child(4) {
text-align: center;
}
.rems_info>ul li:nth-child(4) span:before {
background-position-x:-302px;
}

/*에너지 BAS icon 비활성화(20200330)
.bas_info{position: relative;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    display: inline-block;
    margin-top: 50px;
}
.bas_info>ul li {
	float:left;
	text-align:right;
	margin-left:50px;
}
.bas_info>ul li:first-child {
    float: left;
    text-align: right;
    margin-left: 0px;
}

.bas_info>ul li span {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    font-weight: bold;
}
.bas_info>ul li:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 140px;
    background: #eaeaea;
    margin-left: 50px;
}
.bas_info>ul li:last-child:after {display:none;}
.bas_info>ul li span:before {
    content: '';
    display: block;
    width: 96px;
    height: 96px;
    margin: 0 auto 10px;
    background: url(../images/sp_energy01.png) no-repeat -7px -102px;
}
.bas_info>ul li:nth-child(2) span:before {
background-position-x:-107px;
}
.bas_info>ul li:nth-child(3) span:before {
background-position-x:-204px;
}
.bas_info>ul li:nth-child(4) {
text-align: center;
}
.bas_info>ul li:nth-child(4) span:before {
background-position-x:-302px;
}
*/

.function_bas {
    position: relative;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    display: inline-block; margin-left:50px;
}
.function_bas ul{ float:left; }
.function_bas ul.Lfunction li{ position:relative; min-width:500px; text-align:left;clear:both; padding-top:50px;  }
.function_bas ul.Lfunction li p{width:135px; height:135px;  border-radius:50%;text-align:center; margin-right:30px; float:left; background-color:#f2f2f2;text-indent:-9999px; position:relative; }
.function_bas ul.Lfunction li p:after{
    content: '';
    display: block;
    width: 42px;
    height: 42px;
    background: url(../images/sp_energy01.png) no-repeat -0px -290px; position:absolute; left:48px; top:50px;}
.function_bas>ul.Lfunction li:nth-child(2) p:after {background-position-y:-342px;}
.function_bas>ul.Lfunction li:nth-child(3) p:after {background-position-y:-390px;}

.function_bas ul.Rfunction li{ position:relative; min-width:500px; text-align:left;clear:both; padding-top:50px;  }
.function_bas ul.Rfunction li p{width:135px; height:135px;  border-radius:50%;text-align:center; margin-right:30px; float:left; background-color:#f2f2f2;text-indent:-9999px; position:relative; }
.function_bas ul.Rfunction li p:after{
    content: '';
    display: block;
    width: 42px;
    height: 42px;
    background: url(../images/sp_energy01.png) no-repeat -48px -292px; position:absolute; left:48px; top:50px;}
.function_bas>ul.Rfunction li:nth-child(2) p:after {background-position-y:-342px;}

.function_bas ul li dl{   }
.function_bas ul li dt{ margin-top:40px;     font-size:18px;    font-weight: bold; }
.function_bas ul li dd{ margin-top:10px; line-height:20px;  }

.function_billing {
    position: relative;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    display: inline-block; margin-left:50px;
}
.function_billing ul{ float:left; }
.function_billing ul.Lfunction li{ position:relative; min-width:500px; text-align:left;clear:both; padding-top:50px;  }
.function_billing ul.Lfunction li p{width:135px; height:135px;  border-radius:50%;text-align:center; margin-right:30px; float:left; background-color:#f2f2f2;text-indent:-9999px; position:relative; }
.function_billing ul.Lfunction li p:after{
    content: '';
    display: block;
    width: 42px;
    height: 42px;
    background: url(../images/sp_energy01.png) no-repeat -98px -290px; position:absolute; left:48px; top:50px;}
.function_billing>ul.Lfunction li:nth-child(2) p:after {background-position-y:-342px;}


.function_billing ul.Rfunction li{ position:relative; min-width:500px; text-align:left;clear:both; padding-top:50px;  }
.function_billing ul.Rfunction li p{width:135px; height:135px;  border-radius:50%;text-align:center; margin-right:30px; float:left; background-color:#f2f2f2;text-indent:-9999px; position:relative; }
.function_billing ul.Rfunction li p:after{
    content: '';
    display: block;
    width: 42px;
    height: 42px;
    background: url(../images/sp_energy01.png) no-repeat -145px -293px; position:absolute; left:48px; top:50px;}
.function_billing>ul.Rfunction li:nth-child(2) p:after {background-position-y:-342px;}
.function_billing ul li dl{   }
.function_billing ul li dt{ margin-top:35px;     font-size:18px;    font-weight: bold; }
.function_billing ul li dd{ margin-top:10px; line-height:20px;  }

/*에너지 Billing icon*/
.billing_info{position: relative;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    display: inline-block;
    margin-top: 50px;
}
.billing_info>ul li {
	float:left;
	text-align:right;
	margin-left:50px;
}
.billing_info>ul li:first-child {
    float: left;
    text-align: right;
    margin-left: 0px;
}

.billing_info>ul li span {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    font-weight: bold;
}
.billing_info>ul li:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 140px;
    background: #eaeaea;
    margin-left: 50px;
}
.billing_info>ul li:last-child:after {display:none;}
.billing_info>ul li span:before {
    content: '';
    display: block;
    width: 96px;
    height: 96px;
    margin: 0 auto 10px;
    background: url(../images/sp_energy01.png) no-repeat -7px -197px;
}
.billing_info>ul li:nth-child(2) span:before {
background-position-x:-107px;
}
.billing_info>ul li:nth-child(3) span:before {
background-position-x:-204px;
}
.billing_info>ul li:nth-child(4) {
text-align: center;
}
.billing_info>ul li:nth-child(4) span:before {
background-position-x:-302px;
}
/*IoTSignage_IoT icon*/
.IoT_info{position: relative;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    display: inline-block;
    margin-top: 50px;
}
.IoT_info>ul li {
	float:left;
	text-align:right;
	margin-left:50px;
}
.IoT_info>ul li:first-child {
    float: left;
    text-align: right;
    margin-left: 0px;
}

.IoT_info>ul li span {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    font-weight: bold;
}
.IoT_info>ul li:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 140px;
    background: #eaeaea;
    margin-left: 50px;
}
.IoT_info>ul li:last-child:after {display:none;}
.IoT_info>ul li:nth-child(1) span:before {content: '';display: block;width: 100px;height: 96px; margin: 0 auto 10px;background: url(../images/icon/eliga-archive-icon-1.png) no-repeat 0;background-position: center;}
.IoT_info>ul li:nth-child(2) span:before {content: '';display: block;width: 100px;height: 96px; margin: 0 auto 10px;background: url(../images/icon/eliga-archive-icon-2.png) no-repeat 0;background-position: center;}
.IoT_info>ul li:nth-child(3) span:before {content: '';display: block;width: 100px;height: 96px; margin: 0 auto 10px;background: url(../images/icon/eliga-archive-icon-3.png) no-repeat 0;background-position: center;}
.IoT_info>ul li:nth-child(4) span:before {content: '';display: block;width: 100px;height: 96px; margin: 0 auto 10px;background: url(../images/icon/eliga-archive-icon-4.png) no-repeat 0;background-position: center;}


/*.IoT_info>ul li:nth-child(2) span:before {*/
/*background-position-x:-111px;*/
/*}*/
/*.IoT_info>ul li:nth-child(3) span:before {*/
/*background-position-x:-216px;*/
/*}*/
/*.IoT_info>ul li:nth-child(4) {*/
/*text-align: center;*/
/*}*/
/*.IoT_info>ul li:nth-child(4) span:before {*/
/*background-position-x:-321px;*/
/*}*/
/*.IoT_info>ul li:nth-child(5) span:before {*/
/*background-position-x:-427px;*/
/*}*/

/*IoTSignage_Signage icon*/
.signage_info{
	position: relative;
	overflow: hidden;
    display: inline-block;
	margin: 50px auto 0;
	text-align: center;
}
/* 화면 너비가 1200px 이하일 때 */
@media (max-width: 1200px) {
	.signage_info li:nth-child(5) {
		clear: left; /* 5번째 li부터는 새로운 줄로 시작 */
		width: 28%; /* 두 번째 줄에는 3개의 항목이 들어가도록 너비 조정 */
	}
	.signage_info li {
	}
	.signage_info li:nth-child(4):after {
		content: none;
	}
}

.signage_info>ul li {
	float:left;
	text-align:right;
	margin-left:50px;
}
.signage_info>ul li:first-child {
    float: left;
    text-align: right;
    margin-left: 0px;
}

.signage_info>ul li span {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    font-weight: bold;
}
.signage_info>ul li:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 140px;
    background: #eaeaea;
    margin-left: 50px;
}
.signage_info>ul li:last-child:after {
	display:none;
}

.signage_info>ul li:nth-child(1) span:before {content: '';display: block;width: 100px;height: 96px; margin: 0 auto 10px;background: url(../images/eligaorder-icon-1.png) no-repeat 0;background-position: center;}
.signage_info>ul li:nth-child(2) span:before {content: '';display: block;width: 100px;height: 96px; margin: 0 auto 10px;background: url(../images/eligaorder-icon-2.png) no-repeat 0;background-position: center;}
.signage_info>ul li:nth-child(3) span:before {content: '';display: block;width: 100px;height: 96px; margin: 0 auto 10px;background: url(../images/eligaorder-icon-3.png) no-repeat 0;background-position: center;}
.signage_info>ul li:nth-child(4) span:before {content: '';display: block;width: 100px;height: 96px; margin: 0 auto 10px;background: url(../images/eligaorder-icon-4.png) no-repeat 0;background-position: center;}
.signage_info>ul li:nth-child(5) span:before {content: '';display: block;width: 100px;height: 96px; margin: 0 auto 10px;background: url(../images/eligaorder-icon-5.png) no-repeat 0;background-position: center;}
.signage_info>ul li:nth-child(6) span:before {content: '';display: block;width: 100px;height: 96px; margin: 0 auto 10px;background: url(../images/eligaorder-icon-6.png) no-repeat 0;background-position: center;}
.signage_info>ul li:nth-child(7) span:before {content: '';display: block;width: 100px;height: 96px; margin: 0 auto 10px;background: url(../images/eligaorder-icon-7.png) no-repeat 0;background-position: center;}

/*.signage_info>ul li:nth-child(2) span:before {*/
/*background-position-x:-105px;*/
/*}*/
/*.signage_info>ul li:nth-child(3) span:before {*/
/*background-position-x:-204px;*/
/*}*/
/*.signage_info>ul li:nth-child(4) {*/
/*text-align: center;*/
/*}*/
/*.signage_info>ul li:nth-child(4) span:before {*/
/*background-position-x:-304px;*/
/*}*/
/*.signage_info>ul li:nth-child(5) span:before {*/
/*background-position-x:-405px;*/
/*}*/

/*IoT제품군*/
.function_IoT {
    position: relative;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    display: inline-block;
}
.function_IoT ul{ float:left; }
.function_IoT ul.Lfunction li{height:100%; position:relative; min-width:500px; text-align:left;clear:both; padding-top:50px;  }
.function_IoT ul.Lfunction li p{width:135px; height:135px;  border-radius:50%;text-align:center; margin-right:30px; float:left; background-color:#f2f2f2;text-indent:-9999px; position:relative; }
.function_IoT ul.Lfunction li p:after{
    content: '';
    display: block;
    width: 42px;
    height: 42px;
    background: url(../images/sp_IOT.png) no-repeat -3px -262px; position:absolute; left:48px; top:50px;}
.function_IoT>ul.Lfunction li:nth-child(2) p:after {background-position-y:-314px;}
.function_IoT>ul.Lfunction li:nth-child(3) p:after {background-position-y:-363px; background: url(/resources/images/icon_selfiGallery.png) no-repeat;}
.function_IoT>ul.Lfunction li:nth-child(4) p:after {background-position-y:-363px;}
.function_IoT>ul.Lfunction li:nth-child(5) p:after {background-position-y:-409px;}
.function_IoT>ul.Lfunction li:nth-child(6) p:after {background-position-y:-453px;}
.function_IoT>ul.Lfunction li:nth-child(7) p:after {background-position-y:-453px; background: url(/resources/images/icon_mediaArt.png) no-repeat;}
.function_IoT ul li p span{width: 45px;height: 45px;
    background: url(../images/sp_IOT.png) no-repeat -126px -252px; position:absolute; left:45px; bottom:-20px;}


.function_IoT ul.Rfunction li{height:100%; position:relative; min-width:500px; text-align:left;clear:both; padding-top:50px;  }
.function_IoT ul.Rfunction li p{width:135px; height:135px;  border-radius:50%;text-align:center; margin-right:30px; float:left; background-color:#f2f2f2;text-indent:-9999px; position:relative; }
.function_IoT ul.Rfunction li p:after{
    content: '';
    display: block;
    width: 42px;
    height: 42px;
    background: url(../images/sp_IOT.png) no-repeat -62px -259px; position:absolute; left:48px; top:50px;}
.function_IoT>ul.Rfunction li:nth-child(2) p:after {background-position-y:-312px;}
.function_IoT>ul.Rfunction li:nth-child(3) p:after {background-position-y:-366px; background: url(/resources/images/icon_fitting.png) no-repeat;}
.function_IoT>ul.Rfunction li:nth-child(4) p:after {background-position-y:-366px;}
.function_IoT>ul.Rfunction li:nth-child(5) p:after {background-position-y:-410px;}
.function_IoT>ul.Rfunction li:nth-child(6) p:after {background-position-y:-450px;}
.function_IoT>ul.Rfunction li:nth-child(7) p:after {background-position-y:-450px; background: url(/resources/images/icon_smartMuseum.png) no-repeat;}

.function_IoT ul li dl{   }
.function_IoT ul li dt{ margin-top:40px;     font-size:18px;    font-weight: bold; }
.function_IoT ul li dd{ margin-top:10px; line-height:20px;  }

.eliga-archive-numorder {
	margin-top: 68px;
}
.eliga-archive-numorder > img {
	margin-right: 10px;
	width: 43px;
}
.eliga-archive-numorder > p {
	display: inline-block;
	vertical-align: super;
	font-size: 26px;
	font-weight: bold;
}
.function_IoT .eliga-archive-text {
	margin: 40px;
	font-size: 18px;
}
.eliga-divideLayout {
	display: flex;
	justify-content: space-between; /* 양옆으로 정렬 */
	align-items: center;
	margin-top: 68px;
}
.eliga-left {
	width: 50%;
	color: #262626;
	margin-left: 10px;
}
.eliga-left p {
	font-size: 28px;
	font-weight: bold;
	float: left;
	margin-bottom: 36px;
}
.eliga-left ul {
	list-style-type: none;
	font-size: 18px;
	margin-bottom: 140px;
}
.eliga-left ul li {
	text-align: left;
	position: relative;
	padding: 0 0 14px 15px;
}
.eliga-left ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 27%; /* 불릿 위치 설정 */
	transform: translateY(-50%); /* 수직 가운데 정렬 */
	width: 3px; /* 불릿의 너비 */
	height: 3px; /* 불릿의 높이 */
	background-color: #333333; /* 불릿 색상 */
	border-radius: 50%; /* 원형 불릿 */
}
.eliga-right {
	width: 50%;
}

/*사이니지(스파트 스페이스) 주요기능*/
.function_signage {
    position: relative;
    display: block;
	overflow: hidden;
    display: inline-block;
	margin: 0 auto 0 50px;
}
.function_signage ul{ float:left; }
.function_signage ul.Lfunction li{ position:relative; min-width:500px; text-align:left;clear:both; padding-top:50px;  }
.function_signage ul.Lfunction li p{width:135px; height:135px;  border-radius:50%;text-align:center; margin-right:30px; float:left; background-color:#f2f2f2;text-indent:-9999px; position:relative; }
.function_signage ul.Lfunction li p:after{
    content: '';
    display: block;
    width: 42px;
    height: 42px;
    background: url(../images/sp_IOT.png) no-repeat -199px -260px; position:absolute; left:48px; top:50px;}
.function_signage>ul.Lfunction li:nth-child(2) p:after {background-position-y:-309px;}
.function_signage>ul.Lfunction li:nth-child(3) p:after {background-position-y:-362px;}
.function_signage>ul.Lfunction li:nth-child(4) p:after {background-position-y:-409px;}
.function_signage>ul.Lfunction li:nth-child(5) p:after {background-position-y:-453px;}
.function_signage ul li p span{width: 48px;height: 22px;
    background: url(../images/sp_IOT.png) no-repeat -125px -264px; position:absolute; left:40px; bottom:-10px;}



.function_signage ul.Rfunction li{ position:relative; min-width:500px; text-align:left;clear:both; padding-top:50px;  }
.function_signage ul.Rfunction li p{width:135px; height:135px;  border-radius:50%;text-align:center; margin-right:30px; float:left; background-color:#f2f2f2;text-indent:-9999px; position:relative; }
.function_signage ul.Rfunction li p:after{
    content: '';
    display: block;
    width: 42px;
    height: 42px;
    background: url(../images/sp_IOT.png) no-repeat -257px -260px; position:absolute; left:48px; top:50px;}
.function_signage>ul.Rfunction li:nth-child(2) p:after {background-position-y:-311px;}
.function_signage>ul.Rfunction li:nth-child(3) p:after {background-position-y:-362px;}
.function_signage>ul.Rfunction li:nth-child(4) p:after {background-position-y:-409px;}
.function_signage>ul.Rfunction li:nth-child(5) p:after {background-position-y:-453px;}

.function_signage ul li dl{   }
.function_signage ul li dt{ margin-top:35px;     font-size:18px;    font-weight: bold; }
.function_signage ul li dd{ margin-top:10px; line-height:20px;  }


/*사이니지(해외사업) 주요기능*/
.overseas_signage{
	position: relative;
	overflow: hidden;
	display: inline-block;
	margin: 50px auto 0;
}
.overseas_signage>ul li {
	float:left;
	text-align:right;
	margin-left:50px;
}
.overseas_signage>ul li:first-child {
	margin-left: 0;
}

.overseas_signage>ul li span {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	font-weight: bold;
}
.overseas_signage>ul li:after {
	content: '';
	display: inline-block;
	width: 1px;
	height: 140px;
	background: #eaeaea;
	margin-left: 50px;
}
.overseas_signage>ul li span:before {
	content: '';
	display: block;
	width: 101px;
	height: 96px;
	margin: 0 auto 10px;
	background: url(../images/sp_IOT.png) no-repeat -7px -101px;
}
.overseas_signage>ul li:last-child:after {
	display:none;
}
.overseas_signage>ul li:nth-child(2) span:before {
	background-position-x: -105px;
}
.overseas_signage>ul li:nth-child(3) span:before {
	background-position-x: -204px;
}
.overseas_signage>ul li:nth-child(4) span:before {
	background-position-x: -304px;
}
.overseas_signage>ul li:nth-child(5) span:before {
	background-position-x: -405px;
}

.function_overseas_signage {
	position: relative;
	display: block;
	overflow: hidden;
	display: inline-block;
	margin: 0 auto;
}
.function_overseas_signage ul {
	float: left;
}
.function_overseas_signage ul li {
	height: 100%;
	position: relative;
	min-width: 500px;
	text-align: left;
	clear: both;
	padding-top: 50px;
}
.function_overseas_signage ul li img {
	width: 135px;
	height: 135px;
	float: left;
}
.function_overseas_signage ul li dl {
	width: 365px;
	float: right;
	padding-top: 37px;
}
.function_overseas_signage ul li dd {
	height: 30px;
	line-height: 30px;
	margin-left: 50px;
}


/*security icon*/
.security_info_tab {
    position: relative;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    display: inline-block;
    margin-top: 50px;
}
.security_info_tab >ul li {
	float:left;
	text-align:right;
	margin-left:50px;
}
.security_info_tab >ul li:first-child {
    float: left;
    text-align: right;
    margin-left: 0px;
}

.security_info_tab >ul li span {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    font-weight: bold;
	line-height:20px;
}
.security_info_tab >ul li:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 140px;
    background: #eaeaea;
    margin-left: 50px;
}
.security_info_tab >ul li:last-child:after {display:none;}
.security_info_tab >ul li span:before {
    content: '';
    display: block;
    width: 96px;
    height: 96px;
    margin: 0 auto 10px;
}
.security_info_tab1 >ul li:first-child span:before {
    background: url(../images/icon/CCTV.png) no-repeat center;
}
.security_info_tab1 >ul li:nth-child(2) span:before {
    background: url(../images/icon/cloudBridge.png) no-repeat center;
}
.security_info_tab1 >ul li:nth-child(3) span:before {
    background: url(../images/icon/accessCtrlHub.png) no-repeat center;
}
.security_info_tab1 >ul li:nth-child(4) span:before {
    background: url(../images/icon/inOutBridge.png) no-repeat center;
}
.security_info_tab1 >ul li:last-child span:before {
    background: url(../images/icon/surgeryCctvBridge.png) no-repeat center;
}

.security_info_tab2 >ul li:first-child span:before {
    background: url(../images/icon/publicAgency.png) no-repeat center;
}
.security_info_tab2 >ul li:nth-child(2) span:before {
    background: url(../images/icon/financialOrganization.png) no-repeat center;
}
.security_info_tab2 >ul li:nth-child(3) span:before {
    background: url(../images/icon/privateCompany.png) no-repeat center;
}
.security_info_tab2 >ul li:nth-child(4) span:before {
    background: url(../images/icon/militaryIndustry.png) no-repeat center;
}
.security_info_tab2 >ul li:last-child span:before {
    background: url(../images/icon/eduMedInst.png) no-repeat center;
}

.security_info_tab3 >ul li:first-child span:before {
    background: url(../images/icon/militaryIndustry.png) no-repeat center;
}
.security_info_tab3 >ul li:nth-child(2) span:before {
    background: url(../images/icon/insuranceCompany.png) no-repeat center;
}
.security_info_tab3 >ul li:nth-child(3) span:before {
    background: url(../images/icon/researchCenter.png) no-repeat center;
}
.security_info_tab3 >ul li:nth-child(4) span:before {
    background: url(../images/icon/dataAnalysisOrg.png) no-repeat center;
}
.security_info_tab3 >ul li:last-child span:before {
    background: url(../images/icon/prodCo.png) no-repeat center;
}

/*security 주요기능*/
.function_security {
    position: relative;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    display: inline-block;
}
.function_security ul{ float:left; }
.function_security ul.Lfunction li{height:100%; position:relative; min-width:500px; text-align:left;clear:both; padding-top:50px;  }
.function_security ul.Lfunction li p{width:135px; height:135px;  border-radius:50%;text-align:center; margin-right:30px; float:left; background-color:#f2f2f2;text-indent:-9999px; position:relative; }
.function_security ul.Lfunction li p:after{
    content: '';
    display: block;
    width: 42px;
    height: 42px;
    background: url(../images/sp_security.png) no-repeat -4px -260px; position:absolute; left:48px; top:50px;}
.function_security>ul.Lfunction li:nth-child(2) p:after {background-position-y:-313px;}
.function_security>ul.Lfunction li:nth-child(3) p:after {background-position-y:-364px;}
.function_security>ul.Lfunction li:nth-child(4) p:after {background-position-y:-412px;}
.function_security>ul.Lfunction li:nth-child(5) p:after {background-position-y:-453px;}
.function_security ul li p span{width: 48px;height: 22px;
    background: url(../images/sp_security.png) no-repeat -125px -264px; position:absolute; left:40px; bottom:-10px;}



.function_security ul.Rfunction li{height:100%; position:relative; min-width:500px; text-align:left;clear:both; padding-top:50px;  }
.function_security ul.Rfunction li p{width:135px; height:135px;  border-radius:50%;text-align:center; margin-right:30px; float:left; background-color:#f2f2f2;text-indent:-9999px; position:relative; }
.function_security ul.Rfunction li p:after{
    content: '';
    display: block;
    width: 42px;
    height: 42px;
    background: url(../images/sp_security.png) no-repeat -62px -260px; position:absolute; left:48px; top:50px;}
.function_security>ul.Rfunction li:nth-child(2) p:after {background-position-y:-312px;}
.function_security>ul.Rfunction li:nth-child(3) p:after {background-position-y:-365px;}
.function_security>ul.Rfunction li:nth-child(4) p:after {background-position-y:-411px;}
.function_security>ul.Rfunction li:nth-child(5) p:after {background-position-y:-453px;}

.function_security ul li dl{   }
.function_security ul li dt{ margin-top:35px;font-size:18px;font-weight: bold; margin-bottom:10px; }
.function_security ul li dd{ line-height:20px;   }
.function_security ul li dd:before{
	content: url(../images/bullet_dot.png);
}

.ci_area {
	display: inline-block;
	margin-bottom: 50px;
}
.ci_area li {
	text-align: center;
	float: left;
	margin-left: 18px;
	margin-bottom: 18px;
	background-color: #FFFFFF;
}
.ci_area > li > a {
	border: 1px solid #dddddd;
	box-sizing: border-box;
	display: block; /* opacity:0.3; */
	width: 260px;
	height: 100px;
	display: table-cell;
	vertical-align: middle;
	cursor: default;
}
.ci_area > li > a:hover {
	opacity: 1;
	border: 5px solid #dddddd;
	box-sizing: border-box;
}
.ci_area li > a img {
	vertical-align: middle;
}

/*보안 인증*/
.security_certification {
    position: relative;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    display: inline-block;
    margin-top: 50px;
}
.security_certification >ul li {
	float:left;
	text-align:right;
	margin: 25px;
}

.security_certification >ul li span {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    font-weight: bold;
	line-height:20px;
}

.security_certification >ul li span:before {
    content: '';
    display: block;
    width: 148px;
    height: 140px;
    margin-bottom: 8px;
    border:1px solid #dddddd;
}
.security_certification > ul li:first-child span:before {
    background: url(../images/icon/securityFuncCert.png) no-repeat center;
}
.security_certification > ul li:nth-child(2) span:before {
    background: url(../images/icon/ccCertificationEal4Achieved.png) no-repeat center;
}
.security_certification > ul li:nth-child(3) span:before {
    background: url(../images/icon/gsCertificationGrade1Achieved.png) no-repeat center;
}
.security_certification > ul li:nth-child(4) span:before {
    background: url(../images/icon/ipv6HostCert.png) no-repeat center;
}
.security_certification > ul li:last-child span:before {
    background: url(../images/icon/thirdPartyUnitPriceItemRegistrationSolution.png) no-repeat center;
}

.security-performance {
    margin-bottom: 40px;
}
.security-performance:last-child {
    margin-bottom: 160px;
}
.security-performance > h3 {
    color: #222;
    font-size: 28px;
    margin: 84px auto 30px;
}
.security-performance > h3:after {
    display: none;
}
.security-performance img {
}

/*SI icon*/
.si_info{
    position: relative;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    display: inline-block;
    margin-top: 50px;
}
.si_info>ul li {
	float:left;
	text-align:right;
	margin-left:50px;
}
.si_info>ul li:first-child {
    float: left;
    text-align: right;
    margin-left: 0px;
}

.si_info>ul li span {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    font-weight: bold;
	line-height:20px;
}
.si_info>ul li:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 140px;
    background: #eaeaea;
    margin-left: 50px;
}
.si_info>ul li:last-child:after {display:none;}
.si_info>ul li span:before {
    content: '';
    display: block;
    width: 96px;
    height: 96px;
    margin: 0 auto 10px;
    background: url(../images/sp_SI.png) no-repeat -7px 0;
}
.si_info>ul li:nth-child(2) span:before {
background-position-x:-107px;
}
.si_info>ul li:nth-child(3) span:before {
background-position-x:-204px;
}
.si_info>ul li:nth-child(4) {
text-align: center;
}
.si_info>ul li:nth-child(4) span:before {
background-position-x:-302px;
}

/*SI_scop 주요기능*/
.function_scop {
    position: relative;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    display: inline-block;margin-left: 50px;
}
.function_scop ul{ float:left; }
.function_scop ul.Lfunction li{height:100%; position:relative; min-width:500px; text-align:left;clear:both; padding-top:50px;  }
.function_scop ul.Lfunction li p{width:135px; height:135px;  border-radius:50%;text-align:center; margin-right:30px; float:left; background-color:#f2f2f2;text-indent:-9999px; position:relative; }
.function_scop ul.Lfunction li p:after{
    content: '';
    display: block;
    width: 42px;
    height: 42px;
    background: url(../images/sp_SI.png) no-repeat -4px -260px; position:absolute; left:48px; top:50px;}
.function_scop>ul.Lfunction li:nth-child(2) p:after {background-position-y:-313px;}
.function_scop>ul.Lfunction li:nth-child(3) p:after {background-position-y:-365px;}
.function_scop>ul.Lfunction li:nth-child(4) p:after {background-position-y:-409px;}
.function_scop>ul.Lfunction li:nth-child(5) p:after {background-position-y:-453px;}

.function_scop ul.Rfunction li{height:100%; position:relative; min-width:510px; text-align:left;clear:both; padding-top:50px;  }
.function_scop ul.Rfunction li p{width:135px; height:135px;  border-radius:50%;text-align:center; margin-right:30px; float:left; background-color:#f2f2f2;text-indent:-9999px; position:relative; }
.function_scop ul.Rfunction li p:after{
    content: '';
    display: block;
    width: 42px;
    height: 42px;
    background: url(../images/sp_SI.png) no-repeat -60px -260px; position:absolute; left:48px; top:50px;}
.function_scop>ul.Rfunction li:nth-child(2) p:after {background-position-y:-313px;}
.function_scop>ul.Rfunction li:nth-child(3) p:after {background-position-y:-365px;}
.function_scop>ul.Rfunction li:nth-child(4) p:after {background-position-y:-409px;}
.function_scop>ul.Rfunction li:nth-child(5) p:after {background-position-y:-453px;}

.function_scop ul li dl{   }
.function_scop ul li dt{ margin-top:30px;font-size:18px;font-weight: bold; margin-bottom:10px; }
.function_scop ul li dd{ line-height:20px;   }
.function_scop ul li dd:before{
	content: url(../images/bullet_dot.png);
}

/*SI_sbsp*/
.function_sbsp {
    position: relative;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    display: inline-block;margin-left: 50px;
}
.function_sbsp ul{ float:left; }
.function_sbsp ul.Lfunction li{height:100%; position:relative; min-width:500px; text-align:left;clear:both; padding-top:50px;  }
.function_sbsp ul.Lfunction li p{width:135px; height:135px;  border-radius:50%;text-align:center; margin-right:30px; float:left; background-color:#f2f2f2;text-indent:-9999px; position:relative; }
.function_sbsp ul.Lfunction li p:after{
    content: '';
    display: block;
    width: 42px;
    height: 42px;
    background: url(../images/sp_SI.png) no-repeat -203px -260px; position:absolute; left:48px; top:50px;}
.function_sbsp>ul.Lfunction li:nth-child(2) p:after {background-position-y:-313px;}
.function_sbsp>ul.Lfunction li:nth-child(3) p:after {background-position-y:-365px;}
.function_sbsp>ul.Lfunction li:nth-child(4) p:after {background-position-y:-409px;}
.function_sbsp>ul.Lfunction li:nth-child(5) p:after {background-position-y:-453px;}

.function_sbsp ul.Rfunction li{height:100%; position:relative; min-width:510px; text-align:left;clear:both; padding-top:50px;  }
.function_sbsp ul.Rfunction li p{width:135px; height:135px;  border-radius:50%;text-align:center; margin-right:30px; float:left; background-color:#f2f2f2;text-indent:-9999px; position:relative; }
.function_sbsp ul.Rfunction li p:after{
    content: '';
    display: block;
    width: 42px;
    height: 42px;
    background: url(../images/sp_SI.png) no-repeat -262px -260px; position:absolute; left:48px; top:50px;}
.function_sbsp>ul.Rfunction li:nth-child(2) p:after {background-position-y:-313px;}
.function_sbsp>ul.Rfunction li:nth-child(3) p:after {background-position-y:-365px;}
.function_sbsp>ul.Rfunction li:nth-child(4) p:after {background-position-y:-409px;}
.function_sbsp>ul.Rfunction li:nth-child(5) p:after {background-position-y:-453px;}

.function_sbsp ul li dl{   }
.function_sbsp ul li dt{ margin-top:30px;font-size:18px;font-weight: bold; margin-bottom:10px; }
.function_sbsp ul li dd{ line-height:20px;   }
.function_sbsp ul li dd:before{
	content: url(../images/bullet_dot.png);
}

/*commerce icon*/
.commerce_info{position: relative;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    display: inline-block;
    margin-top: 50px;
}
.commerce_info>ul li {
	float:left;
	text-align:right;
	margin-left:50px;
}
.commerce_info>ul li:first-child {
    float: left;
    text-align: right;
    margin-left: 0px;
}

.commerce_info>ul li span {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    font-weight: bold;
	line-height:20px;
}

.commerce_info>ul li:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 140px;
    background: #eaeaea;
    margin-left: 50px;
}
.commerce_info>ul li:last-child:after {display:none;}
.commerce_info>ul li span:before {
    content: '';
    display: block;
    width: 96px;
    height: 96px;
    margin: 0 auto 10px;
    background: url(../images/sp_commerce.png) no-repeat -7px 0;
}
.commerce_info>ul li:nth-child(2) span:before {
background-position-x:-107px;
}
.commerce_info>ul li:nth-child(3) span:before {
background-position-x:-204px;
}
.commerce_info>ul li:nth-child(4) {
text-align: center;
}
.commerce_info>ul li:nth-child(4) span:before {
background-position-x:-302px;
}
.commerce_info>ul li:nth-child(5) span:before {
background-position-x:-412px;
}

/*commerce 주요기능*/
.function_commerce {
    position: relative;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    display: inline-block; margin-left: 50px;
}
.function_commerce ul{ float:left; }
.function_commerce ul.Lfunction li{height:100%; position:relative; min-width:500px; text-align:left;clear:both; padding-top:50px;  }
.function_commerce ul.Lfunction li p{width:135px; height:135px;  border-radius:50%;text-align:center; margin-right:30px; float:left; background-color:#f2f2f2;text-indent:-9999px; position:relative; }
.function_commerce ul.Lfunction li p:after{
    content: '';
    display: block;
    width: 42px;
    height: 42px;
    background: url(../images/sp_commerce.png) no-repeat -4px -260px; position:absolute; left:48px; top:50px;}
.function_commerce>ul.Lfunction li:nth-child(2) p:after {background-position-y:-313px;}
.function_commerce>ul.Lfunction li:nth-child(3) p:after {background-position-y:-365px;}
.function_commerce>ul.Lfunction li:nth-child(4) p:after {background-position-y:-409px;}
.function_commerce>ul.Lfunction li:nth-child(5) p:after {background-position-y:-453px;}

.function_commerce ul.Rfunction li{height:100%; position:relative; min-width:500px; text-align:left;clear:both; padding-top:50px;  }
.function_commerce ul.Rfunction li p{width:135px; height:135px;  border-radius:50%;text-align:center; margin-right:30px; float:left; background-color:#f2f2f2;text-indent:-9999px; position:relative; }
.function_commerce ul.Rfunction li p:after{
    content: '';
    display: block;
    width: 42px;
    height: 42px;
    background: url(../images/sp_commerce.png) no-repeat -62px -260px; position:absolute; left:48px; top:50px;}
.function_commerce>ul.Rfunction li:nth-child(2) p:after {background-position-y:-313px;}
.function_commerce>ul.Rfunction li:nth-child(3) p:after {background-position-y:-365px;}
.function_commerce>ul.Rfunction li:nth-child(4) p:after {background-position-y:-409px;}
.function_commerce>ul.Rfunction li:nth-child(5) p:after {background-position-y:-453px;}

.function_commerce ul li dl{   }
.function_commerce ul li dt{ margin-top:35px;     font-size:18px;    font-weight: bold; }
.function_commerce ul li dd{ margin-top:10px; line-height:20px;  }


/* .solution_area_bems{ width: 480px; height: 125px; padding: 30px; background-color: white; overflow: hidden; float: left; margin-right: 20px;}
.solution_area_bems P { width: 86px; height: 37px; margin-top: 50px; margin-right: 23px; float: left; }
.solution_area_bems .iline { float: left; margin-right: 20px; }
.solution_area_bems dt { font-size: 20px; font-weight: bold; text-align: left; margin-top: 10px;}
.solution_area_bems dd { text-align: left; font-size: 0.93rem; color:#666666; line-height: 20px; margin-top: 13px; }


.solution_area_leg{ width: 480px; height: 125px; padding: 30px; background-color: white; overflow: hidden; }
.solution_area_leg P { width: 86px; height: 37px; margin-top: 45px; margin-right: 23px; float: left; }
.solution_area_leg .iline { float: left; margin-right: 20px; }
.solution_area_leg dt { font-size: 20px; font-weight: bold; text-align: left; margin-top: 10px;}
.solution_area_leg dd { text-align: left; font-size: 0.93rem; color:#666666; line-height: 20px; margin-top: 13px; } */

/* 헬스케어 icon */
.healthcare_info{
	position: relative;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	display: inline-block;
	margin-top: 50px;
}
.healthcare_info>ul li {
	float:left;
	text-align:right;
	margin-left:45px;
}
.healthcare_info>ul li:first-child {
	float: left;
	text-align: right;
	margin-left: 0px;
}

.healthcare_info>ul li span {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	font-weight: bold;
}
.healthcare_info>ul li:after {
	content: '';
	display: inline-block;
	width: 1px;
	height: 140px;
	background: #eaeaea;
	margin-left: 45px;
}
.healthcare_info>ul li:last-child:after {display:none;}
.healthcare_info>ul li:nth-child(1) .HealthTab1:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/sp_health_01.png) no-repeat 0;}
.healthcare_info>ul li:nth-child(2) .HealthTab1:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/sp_health_02.png) no-repeat 0;}
.healthcare_info>ul li:nth-child(3) .HealthTab1:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/sp_health_05.png) no-repeat 0;}
.healthcare_info>ul li:nth-child(4) .HealthTab1:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/sp_health_06.png) no-repeat 0;}
.healthcare_info>ul li:nth-child(5) .HealthTab1:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/sp_health_07.png) no-repeat 0;}
.healthcare_info>ul li:nth-child(6) .HealthTab1:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/sp_health_08.png) no-repeat 0;}

.healthcare_info>ul li:nth-child(1) .HealthTab2:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/sp_health_09.png) no-repeat 0;}
.healthcare_info>ul li:nth-child(2) .HealthTab2:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/sp_health_10.png) no-repeat 0;}
.healthcare_info>ul li:nth-child(3) .HealthTab2:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/sp_health_11.png) no-repeat 0;}
.healthcare_info>ul li:nth-child(4) .HealthTab2:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/sp_health_12.png) no-repeat 0;}
.healthcare_info>ul li:nth-child(5) .HealthTab2:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/sp_health_13.png) no-repeat 0;}

.healthcare_info>ul li:nth-child(1) .HealthTab3:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/sp_health_14.png) no-repeat 0;}
.healthcare_info>ul li:nth-child(2) .HealthTab3:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/sp_health_15.png) no-repeat 0;}
.healthcare_info>ul li:nth-child(3) .HealthTab3:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/sp_health_16.png) no-repeat 0;}
.healthcare_info>ul li:nth-child(4) .HealthTab3:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/sp_health_17.png) no-repeat 0;}

.healthcare_info>ul li:nth-child(1) .HealthTab4:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/sp_health_18.png) no-repeat 0;}
.healthcare_info>ul li:nth-child(2) .HealthTab4:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/sp_health_19.png) no-repeat 0;}
.healthcare_info>ul li:nth-child(3) .HealthTab4:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/sp_health_20.png) no-repeat 0;}
.healthcare_info>ul li:nth-child(4) .HealthTab4:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/sp_health_21.png) no-repeat 0;}

/* 헬스케어 주요기능*/
.function {margin-top: -10px;}
.function h4 {margin:50px;}
.function_healthcare { margin-top: 50px; display: block; margin: 0 auto; margin-bottom: 50px;}
.function_healthcare ul { margin: 0 auto; overflow: hidden; max-width: 1428px; margin-top: 50px; }
.function_healthcare ul li { width: 340px; height: 270px; border: 1px solid #dddddd; float: left; margin-right: 20px; margin-bottom: 20px;}
.function_healthcare ul .no_margin { width: 340px; height: 270px; border: 1px solid #dddddd; float: left; margin-right: 0px; margin-bottom: 20px;}
.function_healthcare ul li dl dt { font-size: 18px; font-weight: bold; margin-top: 20px; letter-spacing: -0.05em;}
.function_healthcare ul li dl dd { font-size: 14px; color: #666666; margin-top: 15px; line-height: 20px;}
.function_healthcare ul li img { width: 230px; height: 140px; margin-top:15px;}

/*헬스케어 영문 사이트 Main Function 기능*/
.function_healthcare_round_ver { position: relative; display: block; margin: 0 auto; overflow: hidden; display: inline-block; margin-left: 450px;}
@media screen and (max-width: 1440px) { /*모바일 환경*/
	.function_healthcare_round_ver {margin-left: 140px;}
}
.function_healthcare_round_ver ul{ float:left; }
.function_healthcare_round_ver ul.Lfunction li{height:100%; position:relative; min-width:500px; text-align:left;clear:both; padding-top:50px;  }
.function_healthcare_round_ver ul.Lfunction li p{width:135px; height:135px;  border-radius:50%;text-align:center; margin-right:30px; float:left; background-color:#f2f2f2;text-indent:-9999px; position:relative; }
.function_healthcare_round_ver ul.Lfunction li p:after{content: ''; display: block; width: 42px; height: 42px; background: url(../images/ngs/icon_ai-data.png) no-repeat 0; position:absolute; left:48px; top:50px;}
.function_healthcare_round_ver>ul.Lfunction li:nth-child(2) p:after {content: ''; display: block; width: 42px; height: 42px; background: url(../images/ngs/icon_masking.png) no-repeat 0; position:absolute; left:48px; top:50px;}
.function_healthcare_round_ver>ul.Lfunction li:nth-child(3) p:after {content: ''; display: block; width: 42px; height: 42px; background: url(../images/ngs/icon_progress.png) no-repeat 0; position:absolute; left:48px; top:50px;}
.function_healthcare_round_ver ul.Rfunction li{height:100%; position:relative; min-width:510px; text-align:left;clear:both; padding-top:50px;  }
.function_healthcare_round_ver ul.Rfunction li p{width:135px; height:135px;  border-radius:50%;text-align:center; margin-right:30px; float:left; background-color:#f2f2f2;text-indent:-9999px; position:relative; }
.function_healthcare_round_ver ul.Rfunction li p:after{ content: ''; display: block; width: 42px; height: 42px; background: url(../images/ngs/icon_annotation.png) no-repeat 0; position:absolute; left:48px; top:50px;}
.function_healthcare_round_ver>ul.Rfunction li:nth-child(2) p:after { content: ''; display: block; width: 42px; height: 42px; background: url(../images/ngs/icon_quality.png) no-repeat 0; position:absolute; left:48px; top:50px;}
.function_healthcare_round_ver ul li dt{ margin-top:30px;font-size:18px;font-weight: bold; margin-bottom:10px; }
.function_healthcare_round_ver ul li dd{ line-height:20px; }


.function {margin-top: -10px;}
.function_healthcare2 { margin-top: 50px; display: block; margin: 0 auto; margin-bottom: 50px;}
.function_healthcare2 ul { margin: 0 auto; overflow: hidden; max-width: 1080px; margin-top: 50px; display: inline-block;}
@media (min-width: 1440px) { /*모바일 환경*/
	.function_healthcare2 ul { margin: 0 auto; overflow: hidden; max-width: 1480px; margin-top: 50px; display: inline-block;}
}
.function_healthcare2 .no_margin { margin: 0 auto; overflow: hidden; max-width: 725px; margin-top: 0px; }
.function_healthcare2 .no_margin1080 { margin: 0 auto; overflow: hidden; max-width: 1080px; margin-top: 0px; }
.function_healthcare2 ul li { width: 340px; height: 285px; border: 1px solid #dddddd; /*float: left;*/ margin: 0 10px 20px 10px; display: inline-block; overflow: visible;}
/*.function_healthcare2 ul .no_margin { width: 340px; height: 285px; border: 1px solid #dddddd; float: left; margin-right: 0px; margin-bottom: 20px;}*/
.function_healthcare2 ul li dl dt { font-size: 18px; font-weight: bold; margin-top: 20px; letter-spacing: -0.05em;}
.function_healthcare2 ul li dl dd { font-size: 14px; color: #666666; margin-top: 15px; line-height: 20px;}
.function_healthcare2 ul li img { width: 230px; height: 140px; margin-top:15px;}


.view_healthcare { margin-top: 50px; display: block; margin: 0 auto; margin-bottom: 50px;}
.view_healthcare ul { margin: 0 auto; overflow: hidden; max-width: 1150px; margin-top: 50px;}
.view_healthcare ul li { width: 270px; height: 180px; border: 1px solid #dddddd; float: left; margin-right: 20px; margin-bottom: 20px;}
.view_healthcare ul .no_margin{ width: 270px; height: 180px; border: 1px solid #dddddd; float: left; margin-right: 0px; margin-bottom: 20px;}
.view_healthcare ul li img { width: 235px; height: 150px; margin-top:15px;}

/* 얼굴인식 icon */
.face_info{
	position: relative;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	display: inline-block;
	margin-top: 70px;
}
.face_info>ul li {
	float:left;
	text-align:right;
	margin-left:50px;
}
.face_info>ul li:first-child {
	float: left;
	text-align: right;
	margin-left: 0px;
}

.face_info>ul li span {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	font-weight: bold;
}
.face_info>ul li:after {
	content: '';
	display: inline-block;
	width: 1px;
	height: 140px;
	background: #eaeaea;
	margin-left: 50px;
}
.face_info>ul li:last-child:after {display:none;}
.face_info>ul li:nth-child(1) span:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/sp_access_06.png) no-repeat 0;}
.face_info>ul li:nth-child(2) span:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/sp_access_07.png) no-repeat 0;}
.face_info>ul li:nth-child(3) span:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/sp_access_08.png) no-repeat 0;}
.face_info>ul li:nth-child(4) span:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/sp_access_09.png) no-repeat 0;}
.face_info>ul li:nth-child(5) span:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/sp_access_10.png) no-repeat 0;}
.face_info>ul li:nth-child(6) span:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/sp_access_11.png) no-repeat 0;}

/* 얼굴인식 주요기능1 */
.function {margin-top: -10px;}
.function_face1 { margin-top: 50px; display: block; margin: 0 auto; margin-bottom: 50px;}
.function_face1 ul { margin: 0 auto; overflow: hidden; max-width: 1080px; margin-top: 50px; display: inline-block;}
@media (min-width: 1440px) { /*모바일 환경*/
	.function_face1 ul { margin: 0 auto; overflow: hidden; max-width: 1460px; margin-top: 50px; display: inline-block;}
}
.function_face1 .no_margin { margin: 0 auto; overflow: hidden; max-width: 725px; margin-top: 0px; }
.function_face1 .no_marginTop { margin: 0 auto; overflow: hidden; margin-top: 0px; }
.function_face1 .no_margin1080 { margin: 0 auto; overflow: hidden; max-width: 1080px; margin-top: 0px; }
.function_face1 ul li { width: 340px; height: 285px; border: 1px solid #dddddd; /*float: left;*/
	margin: 0 10px 20px 10px; display: inline-block; overflow: visible;
	vertical-align: top;
}
/*.function_face1 ul .no_margin { width: 340px; height: 285px; border: 1px solid #dddddd; !*float: left;*! margin: 0 10px 20px 10px; overflow: visible;}*/
.function_face1 ul li dl dt { font-size: 18px; font-weight: bold; margin-top: 20px; letter-spacing: -0.05em;}
.function_face1 ul li dl dd { font-size: 14px; color: #666666; margin-top: 15px; line-height: 20px;}
.function_face1 ul li img { width: 230px; height: 140px; margin-top:15px;}

/* 얼굴인식 주요기능2 */
.function {margin-top: -10px;}
.function_face2 { margin-top: 50px; display: block; margin: 0 auto; margin-bottom: 50px;}
.function_face2 ul { margin: 0 auto; overflow: hidden; max-width: 1428px; margin-top: 50px; }
.function_face2 ul li { width: 340px; height: 270px; border: 1px solid #dddddd; float: left; margin-right: 20px; margin-bottom: 20px;}
.function_face2 ul .no_margin { width: 340px; height: 270px; border: 1px solid #dddddd; float: left; margin-right: 0px; margin-bottom: 20px;}
.function_face2 ul li dl dt { font-size: 18px; font-weight: bold; margin-top: 20px; letter-spacing: -0.05em;}
.function_face2 ul li dl dd { font-size: 14px; color: #666666; margin-top: 15px; line-height: 20px;}
.function_face2 ul li img { width: 230px; height: 140px; margin-top:15px;}

/* 지능형 영상인식 icon */
.video_info{
	position: relative;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	display: inline-block;
	margin-top: 70px;
}
.video_info>ul li {
	float:left;
	text-align:right;
	margin-left:50px;
}
.video_info>ul li:first-child {
	float: left;
	text-align: right;
	margin-left: 0px;
}

.video_info>ul li span {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	font-weight: bold;
}
.video_info>ul li:after {
	content: '';
	display: inline-block;
	width: 1px;
	height: 110px;
	background: #eaeaea;
	margin-left: 50px;
}
.video_info>ul li:last-child:after {
	/*display:none;*/
	content: '';
	display: inline-block;
	width: 0px;
	height: 110px;
	background: #eaeaea;
	margin-left: 50px;
}
.video_info>ul li:nth-child(1) span:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/sp_video_05.png) no-repeat 0;}
.video_info>ul li:nth-child(2) span:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/sp_video_06.png) no-repeat 0;}
.video_info>ul li:nth-child(3) span:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/sp_video_07.png) no-repeat 0;}
.video_info>ul li:nth-child(4) span:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/sp_video_08.png) no-repeat 0;}

.recognition_img {
	width: 150px;
}

.flex-ul {
	display: flex;
	justify-content: center;
	gap: 50px;
}

/* 지능형 영상인식 주요기능 */
.function {margin-top: -10px;}
/*.function_video { margin-top: 50px; display: block; margin: 0 auto; margin-bottom: 50px;}*/
/*.function_video ul { margin: 0 auto; overflow: hidden; max-width: 1090px; margin-top: 50px; }*/
/*.function_video ul li { width: 340px; height: 270px; border: 1px solid #dddddd; text-align: center;}*/
/*.function_video ul .no_margin { width: 340px; height: 270px; border: 1px solid #dddddd; float: left; margin-right: 0px; margin-bottom: 20px;}*/
/*.function_video ul li dl dt { font-size: 18px; font-weight: bold; margin-top: 20px; letter-spacing: -0.05em;}*/
/*.function_video ul li dl dd { font-size: 14px; color: #666666; margin-top: 15px; line-height: 20px;}*/
/*.function_video ul li img { width: 230px; height: 140px; margin-top:15px;}*/
.function_video { margin-top: 50px; display: block; margin: 0 auto; margin-bottom: 50px; text-align: center;}
.function_video ul { margin: 0 auto; overflow: hidden; max-width: 1090px; margin-top: 50px; display: inline-block;}
.function_video ul li { width: 340px; height: 280px; border: 1px solid #dddddd; /*float: left;*/
	margin: 0 10px 20px 10px; display: inline-block; overflow: visible;
	vertical-align: top;
}
.function_video ul .no_margin { width: 340px; height: 310px; border: 1px solid #dddddd; float: left; margin-right: 0px; margin-bottom: 20px;}
.function_video ul li dl dt { font-size: 18px; font-weight: bold; margin-top: 20px; letter-spacing: -0.05em; text-align: center;}
.function_video ul li dl dd { font-size: 14px; color: #666666; margin-top: 15px; line-height: 20px;text-align: center;}
.function_video ul li img { width: 230px; height: 140px; margin-top:15px;}

/* 영문 얼굴인식 주요기능1 */
.function_face1_eng { margin-top: 50px; display: block; margin: 0 auto; margin-bottom: 50px;}
.function_face1_eng ul { margin: 0 auto; overflow: hidden; max-width: 1080px; margin-top: 50px; }
.function_face1_eng .no_margin { margin: 0 auto; overflow: hidden; max-width: 725px; margin-top: 0px; }
.function_face1_eng ul li { width: 340px; height: 285px; border: 1px solid #dddddd; float: left; margin-right: 20px; margin-bottom: 20px;}
.function_face1_eng ul .no_margin { width: 340px; height: 285px; border: 1px solid #dddddd; float: left; margin-right: 0px; margin-bottom: 20px;}
.function_face1_eng ul li dl dt { font-size: 18px; font-weight: bold; margin-top: 20px; letter-spacing: -0.05em; text-align: center;}
.function_face1_eng ul li dl dd { font-size: 14px; color: #666666; margin-top: 15px; line-height: 20px; text-align: center;}
.function_face1_eng ul li img { width: 230px; height: 140px; margin-top:15px; margin-left: 53px;}

/* 영문 얼굴인식 주요기능2 */
.function_face2_eng { margin-top: 50px; display: block; margin: 0 auto; margin-bottom: 50px; text-align: center;}
.function_face2_eng ul { margin: 0 auto; overflow: hidden; max-width: 1090px; margin-top: 50px; display: inline-block;}
@media (min-width: 1440px) {
	.function_face2_eng ul { margin: 0 auto; overflow: hidden; max-width: 1480px; margin-top: 50px; display: inline-block;}
}
.function_face2_eng ul li { width: 340px; height: 310px; border: 1px solid #dddddd; /*float: left;*/
	margin: 0 10px 20px 10px; display: inline-block; overflow: visible;
	vertical-align: top;
}
.function_face2_eng ul .no_margin { width: 340px; height: 310px; border: 1px solid #dddddd; float: left; margin-right: 0px; margin-bottom: 20px;}
.function_face2_eng ul li dl dt { font-size: 18px; font-weight: bold; margin-top: 20px; letter-spacing: -0.05em; text-align: center;}
.function_face2_eng ul li dl dd { font-size: 14px; color: #666666; margin-top: 15px; line-height: 20px;text-align: center;}
.function_face2_eng ul li img { width: 230px; height: 140px; margin-top:15px;}

/* 주거 icon */
.dwelling_info{
	position: relative;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	display: inline-block;
	margin-top: 70px;
}
.dwelling_info>ul li {
	float:left;
	text-align:right;
	margin-left:50px;
}
.dwelling_info>ul li:first-child {
	float: left;
	text-align: right;
	margin-left: 0px;
}

.dwelling_info>ul li span {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	font-weight: bold;
}
.dwelling_info>ul li:after {
	content: '';
	display: inline-block;
	width: 1px;
	height: 140px;
	background: #eaeaea;
	margin-left: 50px;
}
.dwelling_info>ul li:last-child:after {display:none;}
.dwelling_info>ul li:nth-child(1) span:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/sp_video_14.png) no-repeat 0;}
.dwelling_info>ul li:nth-child(2) span:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/sp_video_15.png) no-repeat 0;}
.dwelling_info>ul li:nth-child(3) span:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/sp_video_16.png) no-repeat 0;}
.dwelling_info>ul li:nth-child(4) span:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/sp_video_17.png) no-repeat 0;}

/* 피플 카운팅 */
.people_info>ul li:last-child:after {display:none;}
.people_info>ul li:nth-child(1) span:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/sp_video_09.png) no-repeat 0;}
.people_info>ul li:nth-child(2) span:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/sp_video_10.png) no-repeat 0;}
.people_info>ul li:nth-child(3) span:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/sp_video_11.png) no-repeat 0;}
.people_info>ul li:nth-child(4) span:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/sp_video_12.png) no-repeat 0;}
.people_info>ul li:nth-child(5) span:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/sp_video_13.png) no-repeat 0;}
/* 피플 카운팅 icon */
.people_info{
	position: relative;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	display: inline-block;
	margin-top: 70px;
}
.people_info>ul li {
	float:left;
	text-align:right;
	margin-left:50px;
}
.people_info>ul li:first-child {
	float: left;
	text-align: right;
	margin-left: 0px;
}

.people_info>ul li span {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	font-weight: bold;
}
.people_info>ul li:after {
	content: '';
	display: inline-block;
	width: 1px;
	height: 140px;
	background: #eaeaea;
	margin-left: 50px;
}
/* 성능 및 인증 */
.cp_info { display: block; margin: 0 auto; }

.cp_info_img ul { margin: 0 auto; display: inline-block; overflow: hidden; margin-top: 50px; }
.cp_info_img ul li { border: 1px solid #dddddd; text-align: center; width: 125px; height: 125px; margin: 0px 25px; }
/* .cp_img_info ul li dl dt { font-size: 18px; font-weight: bold; margin-top: 20px; letter-spacing: -0.05em;} */
/* .cp_img_info ul li dl dd { font-size: 14px; color: #666666; margin-top: 15px; line-height: 20px;} */
.cp_info_img ul li span { font-weight: bold; font-size: 14px; color: #666666; margin-top: 15px; line-height: 20px; }
.cp_info_img ul li img { margin: 32px 5px;height: 65px; }

/* 워크스루형 출입통제 icon */
.access_info{
	position: relative;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	display: inline-block;
	margin-top: 70px;
}
.access_info>ul li {
	float:left;
	text-align:right;
	margin-left:50px;
}
.access_info>ul li:first-child {
	float: left;
	text-align: right;
	margin-left: 0px;
}

.access_info>ul li span {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	font-weight: bold;
}
.access_info>ul li:after {
	content: '';
	display: inline-block;
	width: 1px;
	height: 140px;
	background: #eaeaea;
	margin-left: 50px;
}

.access_info>ul li:last-child:after {display:none;}
.access_info>ul li:nth-child(1) span:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/sp_access_01.png) no-repeat 0;}
.access_info>ul li:nth-child(2) span:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/sp_access_02.png) no-repeat 0;}
.access_info>ul li:nth-child(3) span:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/sp_access_03.png) no-repeat 0;}
.access_info>ul li:nth-child(4) span:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/sp_access_04.png) no-repeat 0;}
.access_info>ul li:nth-child(5) span:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/sp_access_05.png) no-repeat 0;}

/* 영상분석 성능 및 인증 */
.access_info_img ul { margin: 0 auto; overflow: hidden; max-width: 125px; margin-top: 50px; margin-bottom: 80px; }
.access_info_img ul li { border: 1px solid #dddddd; text-align: center; }
.access_info_img ul li dl dt { font-size: 18px; font-weight: bold; margin-top: 20px; letter-spacing: -0.05em;}
.access_info_img ul li dl dd { font-size: 14px; color: #666666; margin-top: 15px; line-height: 20px;}
.access_info_img ul li span { font-weight: bold; font-size: 14px; }
.access_info_img ul li img { margin: 32px 5px; }

.system-tab-menu {
	list-style-type: none;
	padding-top: 50px;
}

.system-tab-menu {
	text-align: left;
}

.system-tab-menu li {
	display: inline-block;
	margin-right: 15px;
}

.system-tab-menu li a {
	text-decoration: none;
	padding: 10px 20px;
	border-radius: 25px;
	color: gray;
	font-size: 18px;
}

.system-tab-menu li a.active {
	background-color: white;
	color: black;
	font-weight: bold;
}

.system-tab-menu li a:hover {
	background-color: white;
}

.faded {
	display: none;
}

/* llm icon */
.llm_info{position: relative;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	display: inline-block;
	margin-top: 50px;
}
.llm_info>ul li {
	float:left;
	text-align:right;
	margin-right: 50px;
}
.llm_info>ul li:last-child {
	margin-right: 0;
}
.llm_info>ul li span {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	font-weight: bold;
	line-height:20px;
}
.llm_info>ul li:after {
	content: '';
	display: inline-block;
	width: 1px;
	height: 140px;
	background: #eaeaea;
	margin-left: 50px;
}
.llm_info>ul li:last-child:after {display:none;}
.llm_info>ul li span:before {
	content: '';
	display: block;
	width: 96px;
	height: 96px;
	margin: 0 auto 10px;
}
.llm_info>ul li:first-child span:before {
	background: url("../images/icon/icon_llm_01.png") no-repeat;
}
.llm_info>ul li:nth-child(2) span:before {
	background: url("../images/icon/icon_llm_02.png") no-repeat;
}
.llm_info>ul li:nth-child(3) span:before {
	background: url("../images/icon/icon_llm_03.png") no-repeat;
}
.llm_info>ul li:nth-child(4) span:before {
	background: url("../images/icon/icon_llm_04.png") no-repeat;
}
.llm_info>ul li:last-child span:before {
	background: url("../images/icon/icon_llm_05.png") no-repeat;
}

/* lllm 서비스 소개 */
.function_llm {
	position: relative;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	display: inline-block;
}
.llm-numorder {
	margin-top: 68px;
}
.llm-numorder > img {
	margin-right: 10px;
	width: 43px;
}
.llm-numorder > p {
	display: inline-block;
	vertical-align: super;
	font-size: 26px;
	font-weight: bold;
}
.function_llm .llm-text {
	margin: 40px;
	font-size: 18px;
}
.llm-text p {
	padding-bottom: 8px;
}
.llm-divideLayout {
	display: flex;
	align-items: center;
	margin-top: 72px;
}
.llm-divideLayout img {
	width: 50%;
	margin: 72px auto 0;
}
.llm-btn {
	display: inline-block;
	padding: 20px 68px;
	background-color: #039DDD;
	color: white;
	border-radius: 12px;
	text-align: center;
	font-size: 28px;
}

.numorder {
    margin: 68px 0 36px;
}
.numorder > p {
    display: inline-block;
    vertical-align: super;
    font-size: 26px;
    font-weight: bold;
}
.numorder > img {
    margin-right: 10px;
    width: 43px;
}
.numorder-text {
    margin: 40px;
    font-size: 18px;
}
.numorder-img {
    width: 100%;
    margin: 0 auto 54px;
}

.outer-container {
    /* 전체를 감싸는 div를 중앙 정렬 */
    display: flex;          /* Flexbox 사용 */
    justify-content: center; /* 가로축 중앙 정렬 */
    align-items: center;     /* 세로축 중앙 정렬 (필요시 height 지정) */
    padding-bottom: 32px;         /* 내용과 테두리 사이 여백 */
}

.content-wrapper {
    /* 내용(제목, 이미지, 텍스트)을 담는 div */
    width: 100%;      /* 부모 요소 너비에 맞춤 */
    padding: 52px 74px;      /* 내부 여백 */
    box-sizing: border-box; /* 패딩, 테두리를 너비에 포함 */
    background-color: white;
}

.content-wrapper h2,
.content-wrapper p {
    margin-top: 0; /* 위쪽 마진 초기화 */
    margin-bottom: 24px; /* 요소 간 간격 */
    text-align: left;
    /* 단어가 길어져 영역을 넘어가면 줄바꿈 */
    overflow-wrap: break-word;
    word-wrap: break-word; /* 구형 브라우저 호환성 */
    line-height: 1.7;
}
.content-wrapper .p-title {
    margin-top: 0; /* 위쪽 마진 초기화 */
    margin-bottom: 36px; /* 요소 간 간격 */
    text-align: left;
    font-size: 28px;
    font-weight: bold;
}

.content-wrapper img {
    /* 이미지 스타일 */
    display: block;     /* 이미지를 블록 요소로 만들어 margin 적용 가능하게 함 */
    max-width: 100%;    /* 이미지 최대 너비를 컨테이너에 맞춤 */
    height: auto;       /* 이미지 비율 유지 */
    margin: 0 auto 38px auto;
}

.content-wrapper .details-link {
    /* 상세보기 링크 스타일 */
    margin-top: 19px;
    background-color: #DFE5F2;
    color: #778BA6;
    padding: 10px 24px;
    border-radius: 24px;
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: bold;
}

.content-wrapper .details-link a {
    text-decoration: none; /* 밑줄 제거 */
    color: #007bff; /* 링크 색상 */
}
.content-wrapper .details-link a:hover {
    text-decoration: underline; /* 마우스 올리면 밑줄 */
}