@charset "utf-8";
/* CSS Document */
/*@font-face {
    font-family: 'NEXON Lv2 Gothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');

body { 
	font-family:'NEXON Lv2 Gothic'; 
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size:18px;
 }*/
 
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Nanum+Brush+Script');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;700;900&family=Open+Sans:wght@300;700&display=swap'); 

body, td, a {
	font-family:'Poppins','Noto Sans KR','Nanum Square','Noto Sans CJK KR', sans-serif!important; font-size:17px;  text-decoration:none!important;
}
/*------------reset css------------*/
body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dt, dd, table, tr, td, th, form, fieldset, input, label, button {
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: none;
	color:#464646;	
    cursor: default;
}
ul, li, ol {
	list-style: none;
}
a {
	text-decoration: none;
	color: #333
}
img {
	border: none;
}
strong, em {
	font-weight: normal;
	font-style: normal;
}
table {
	border-collapse: collapse;
}
#mains {
	margin: 0;
	padding: 0;
}
#Popup {
	display: none;
}

/*------------공통 끝------------*/ 

#sub_d_title {
    width: 100%;
    text-align: left;
    padding-bottom: 40px;
    background: url(/SKIN_DATA/SUB_SKIN/director/kesf_subtitle/img/tit_bg.gif)0 90px no-repeat;
	margin-bottom: 50px;
} 
#sub_d_title h1 { font-size:34px!important; }
#sub_d_title p { font-size:17px!important; }

/*------------메인메뉴 BG-----------*/
.mainmenu_bg{
	width:1920px;
	height:100px;
	background:rgba(250,250,250,0.9);	

}

/*출처*/
#Sources { 
	text-align:right; 
    margin-top: 40px;
}
#Sources p {
    font-size: 15px;
    color: #558338;	
}

/*------------------사이트맵------------------*/
#popup_open {
    z-index: 9999999;
}
.sitemap {
	width: 1400px;
    margin: 0 auto;
}
.sitemap iframe { padding-top:25%; }
.sitemap h2 {
	color: #fff;
    font-size: 45px;
    position: absolute;
    top: 190px;
    padding-left: 27px;	
	letter-spacing: 2px;
}
.sitemap h2 span { padding-left: 10px; }
#popup_wrap {
	display:none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0px;
    background-color: rgba(0,0,0,0.9);
    z-index: -1;
}
.sitemap_logo {
    position: absolute;
    right: 0px;
    bottom: 0px;
    opacity: 0.5;
    animation: fadein 3s;
}

/*사이트맵 버튼(열기,닫기 효과)*/
.allmenu {
    display: block;
    color: transparent;
    overflow: hidden;
    cursor: pointer;
    width: 50px;
    height: 50px;
}
.allmenu span {
    display: block;
    width: 30px;
    height: 2px;
    margin: 6px auto 0;
    background: #231f20;
    transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    backface-visibility: hidden;
}
.active { 
	position:fixed; 
	right:243px;
}
.allmenu.active .bar1 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: 12px;
	width: 26px;
	background: #fff;
}
.allmenu.active .bar2 {
    opacity: 0;
}
.allmenu.active .bar3 {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: -10px;
	width: 26px;
	background: #fff;
}

/*
@media only screen and (max-width: 768px) { 
#sitemap .sitemap_box { display:block; }
.sitemap_box > li { 
	flex:none;
	display:block;
} 
}*/

/*------------our business-----------*/
#business_content {
	width:1660px;	
	height:175px;
}

#business_content > div { display:inline-block; }
.left_box {  
    width: 65.8%;
	height:175px;
	background:#f9f9f9;
	float:left;
}
.left_box > section { 
	margin-left:252px; 
    margin-top: 40px;
}
.left_box > section > h2 {
	font-size:45px;
	font-weiht:bold;	
	font-family:'Poppins','Noto Sans KR','Nanum Square','Noto Sans CJK KR', sans-serif;
	color:#333;
}
.left_box > section > h2 > span { color:#ffae00; }
.left_box > section > p {  
	font-size:18px;
	color:#333;
}

.right_btn {
	width: 33.7%;
    height: 175px;
    position: relative;
}
.right_btn a {
	width: 50%;
    height: 85px;
    position: absolute;
    bottom: 0;	
	color:#fff;
	text-align: center;
    line-height: 85px;
}
.box_textbtn1 {
	left:0;	
	background:#558337;
} 
.box_textbtn2 {
	right:0;
	background:#3e721c;	
} 

.box_text2 { display:none; }

/*------------검사안내-----------*/

#regular_content {
	width:100%;
	height:500px;	
}
#regular_content > div { display:inline-block; }
.regular_left { 
    width: 60%;
    float: left;
    height: 500px;
	position:relative;
	overflow:hidden;
	cursor:pointer;
}
.regular_left section h2,.regular_left section p { 
	color:#fff; 
    font-size: 18px;
}
.regular_left section h2 {
	padding-bottom: 10px; 
	font-size:40px;
}
.regular_left section {
	position:absolute;
    bottom: 65px;
    left: 50px;	
	z-index:1;
}
.regular_left img { 
	transform: scale(1.1); 
	transition: all 1s;
}
.regular_left:hover img { 
	transform: scale(1.2); 
	transition: all 1s;
	z-index:-1;
}

.regular_right {
	width:40%;
	float:right;	
}
.regular_right > dl { 
    width: 50%;
    height: 250px;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    float: left;
	cursor:pointer;
}
.regular_right > dl > dt { margin-top:50px; cursor:pointer; }
.regular_right > dl > dd { 
	cursor:pointer;
}

.regular_right > dl:nth-child(1) { background:#ffffff; border-top: 1px solid #e6e6e6; height:249px; }
.regular_right > dl:nth-child(2) { background:#f9f9f9; }
.regular_right > dl:nth-child(3) { background:#333333; }
.regular_right > dl:nth-child(4) { background:#ffae00; }

.regular_right > dl:nth-child(3) dd,.regular_right > dl:nth-child(4) dd { color:#fff; }

.regular_right > dl:hover dt img {
    transform: rotateY(360deg);
    transition: 1s;	
}


.table_box2 tr:first-child td { text-align:center!important; }
.table_box2 tr td {
	text-align:left!important;
	padding: 10px 1%!important;
}



/*------------회사자료 companydata-----------*/

#data_content {
	width:100%;
	height:590px;
	background:url(/USER_DATA/kesf/content/editor/img/data_linebg.png)no-repeat;
}
.main_content_title { 
	text-align:center; 
	padding-top:120px;	
}
.main_content_title h2 { 
	font-size:45px;
	font-weiht:bold;	
	font-family:'Poppins','Noto Sans KR','Nanum Square','Noto Sans CJK KR', sans-serif;
	color:#333;
}
.main_content_title p {
	font-size:18px;
	color:#333;
}

.data_content_icon_all {
	display:flex;	
	margin-top: 50px;
}
.data_content_icon_all li {  
	flex:1;
	text-align:center;
	height: 310px;
}
.data_content_icon_all li dl dt { 
	width:100px; 
	height:100px; 
	margin:0 auto;
	margin-bottom: 25px;
}
.dataicon1 { background:url(/USER_DATA/kesf/content/editor/img/icon5.png)no-repeat; }
.dataicon2 { background:url(/USER_DATA/kesf/content/editor/img/icon6.png)no-repeat; }
.dataicon3 { background:url(/USER_DATA/kesf/content/editor/img/icon7.png)no-repeat; }
.dataicon4 { background:url(/USER_DATA/kesf/content/editor/img/icon8.png)no-repeat; }
.dataicon5 { background:url(/USER_DATA/kesf/content/editor/img/icon9.png)no-repeat; }

.data_content_icon_all li a { 
	display:none; 
    margin-top: 55px;
}
.data_content_icon_all li:hover a { display: block; }

.data_content_icon_all li:nth-child(1):hover .dataicon1 { background:url(/USER_DATA/kesf/content/editor/img/icon5_hover.png)no-repeat; }
.data_content_icon_all li:nth-child(2):hover .dataicon2 { background:url(/USER_DATA/kesf/content/editor/img/icon6_hover.png)no-repeat; }
.data_content_icon_all li:nth-child(3):hover .dataicon3 { background:url(/USER_DATA/kesf/content/editor/img/icon7_hover.png)no-repeat; }
.data_content_icon_all li:nth-child(4):hover .dataicon4 { background:url(/USER_DATA/kesf/content/editor/img/icon8_hover.png)no-repeat; }
.data_content_icon_all li:nth-child(5):hover .dataicon5 { background:url(/USER_DATA/kesf/content/editor/img/icon9_hover.png)no-repeat; }

/*------------바로가기배너-----------*/
#banner_content {
	width:100%;
	height:175px;
}
#banner_content ul { display:flex; }
#banner_content ul li { 
	flex:1;
	float:left; 
	position:relative;
	width:467px;
	cursor:pointer;
}
#banner_content ul li dl { 
	position:absolute; 
    top: 30px;
    left: 25px;
}
#banner_content ul li dl dt {  
    font-size: 32px;
    font-weight: bold;
	color:#fff;
	cursor: pointer;
}
#banner_content ul li dl dd {
	font-size:17px;
	color:#fff;	
    opacity: 0.5;
    cursor: pointer;
}

/*------------푸터-----------*/
#footer_content { 
	width:100%; 
	height:230px;
	background:#333;
	margin-top: 100px;
}
.footer_all {  
	width:1400px;
	height: 230px;
	margin:0 auto;
	padding-top: 40px;
	position: relative;
}
.footer_all > section {
	display:inline-block;
	float:left;	
	width:50%;
}
.footer_text ul li { 
	font-size:16px;
	color:#ccc;
	line-height:26px;
	font-size: 15px;
}
.footer_text ul li a { color:#ccc; }
.footer_text ul li a:hover { color:#80be01; }
.copyright {
	font-size: 13px;
    color: #7f7f7f;
    padding-top: 30px;	
}
.copyright span {
	color:#678824;
}
.footer_link {
	text-align: right;
    font-size: 14px;
    position: absolute;
    bottom: 80px;	
}
.footer_link a { 
	color:#ccc!important; 
	padding-left:15px; 
	font-size:14px;
}
.footer_link a:hover { color:#7f7f7f; }
.footer_link a:first-child {
    padding-right: 15px;
    border-right: 1px solid #676767;
}
#top_btn {
    position: absolute;
    top: 0;
    right: 0;	
	cursor:pointer;
}

/*-----------------------서브페이지----------------------*/

.sub_visualtitle {
	font-size:40px;
	font-family:'Poppins','Noto Sans KR','Nanum Square','Noto Sans CJK KR', sans-serif;
	color:#fff;	
	font-weight: bold;
	text-shadow: 1px 1px 10px #161616;
}
.sub_titletext {  
	font-size:17px;
	color:#333;
}




/*------------소개-----------*/

.top_title {  
	width:100%;
	height:352px;
	background:url(/USER_DATA/kesf/content/editor/img/소개bg.jpg)no-repeat;
}
.top_title_textbox {
	width:90%;
	margin:0 auto;	
}
.top_title_textbox h2 {  
	font-size:25px;
	color:#fff;
	font-weight: normal;
	padding: 90px 0 30px 0;
}
.top_title_textbox p { color:#fff; }

.sub_contitle { 
	width:100%; 
    position: relative;
	margin: 90px 0 40px 0;
}
.sub_contitle h1 {  
	font-size:30px;
	font-weight:normal;
	text-align:center;
}
.sub_contitle p {
    position: absolute;
    top: 8px;	
}
.work_list ul{ display: flex; }
.work_list ul li {
	flex:1;	
	width:20%;
	padding-right: 20px;
}
.work_list ul li:last-child { padding-right:0; }
.work_list ul li section {
	width:100%;
	height:250px;
	position:relative;	
	overflow:hidden;
}
.work_list ul li section > p {
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 51px;
    padding: 3px 2px 0 0;
    font-size: 30px;
    background: #558337;
    color: #fff;
    text-align: center;
	z-index:1;
}
.work_list ul li section > img { 
	width:100%; 
	z-index:-1;	
	transform: scale(1.0);
    transition: all 1s;
}
.work_list ul li:hover img {  
    transform: scale(1.1);
    transition: all 1s;
}

.work_list ul li > p {
	text-align: center;
    width: 100%;
    height: 120px;
    background: #558337;
    color: #fff;
    padding-top: 35px;	
}
/*------------인사말-----------*/
.greeting { width:100%; }
.greeting > img { float:left; }
.greeting_box {
	float:right;
	width:55%;	
}
.greeting_box h2 {
	margin-bottom:50px;	
	line-height: 45px;
}
.greeting_box h2 span {
    background: #3e721d;
    color: #fff;
    padding: 0 15px;
    margin: 0 10px;	
}

.sign { 
	text-align:right; 
    margin-top: 55px;
}
.sign p img { padding-left:15px; }

/*------------경영방침-----------*/
.pc_none { display: none!important; }
.mp_box { 
    margin-bottom: 10px;
	width: 100%;
    height: 220px;
}
.mp_box section { 
	display:inline-block; 
	position:relative;
}
.mp_box section .text_box {
	position:absolute;
	top:70px;
	left:0;	
}
.mp_box section .text_box li { float:left; }
.mp_box section .text_box li:last-child { margin-left:20px; }
.mp_box section .text_box li h2 {
    background: #3e721d;
    color: #fff;
    width: 55px;
    height: 70px;
    line-height: 70px;
    text-align: center;
}
.mp_box section .text_box li h1,.mp_box section .text_box li p { 
	color:#fff; 
    font-weight: normal;	
}
.mp_box .content_text { 
	width:47%; 
    margin-top: 75px;
	display: inline-block;
}
.mp_box_left .content_text { float:right; }
.mp_box_right section { float:right; }

/*------------CI-----------*/
.logo_img { height:265px; }
.logo_img li{ float:left; }
.logo_img li:last-child { float:right; }
.logo_img li img { border:1px solid #e1e1e1; }

.ci_color_list {
    width: 70%;
    height: 190px;
    display: flex;
    margin: 0 auto;	
}
.ci_color_list li { 
	flex: 1;
	background:none!important;
}
.ci_color_list li p { text-align:center; }
.ci_color_list li p:first-child { 
	width:150px;
	height:150px;
	margin: 0 auto;
}
.ci_color_list li p:last-child { padding-top:15px; }


/*------------연혁-----------*/
.historyline:before {
    width: 1px!important;
    background: #ccc!important;	
}
.historyline-centerbox > .center-icon { background: url(/USER_DATA/jeco/content/editor/img/history_icon.png) no-repeat!important; }
.historyline-heading { padding-bottom:10px!important; }

/*------------오시는길-----------*/
.wrap_controllers { display:none; }

.location_table { width:100%; }
.location_table tr:first-child { border-top:2px solid #3e721d; }
.location_table tr td { 
	padding:10px 20px; 
	border-bottom:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;	
}
.location_table tr td:first-child { background:#f9f9f9; }
.location_table tr td:last-child { border-right:none; }

/*------------승강기정기검사-----------*/
.cont_textbox1 {
    background: #f9f9f9;
	border: 1px solid #e1e1e1;
    padding: 40px 30px;	
}
.cont_textbox1 h2 { padding-bottom:10px; }
.cont_textbox1 p { word-break: keep-all; }
.ri_box { 
	border-bottom:none!important; 
    margin-bottom: 30px;
}
.cont_textbox1 > ul > li {
	line-height: 35px;
    padding-left: 12px;
    background: url(/USER_DATA/kesf/content/editor/img/li_icon.png)0 14px no-repeat;
	margin-left:-12px;
}
.subul {
	background: #fff;
    padding: 20px;
    margin: 7px 0 25px 0;	
}
.subul li {
	background: url(/USER_DATA/kesf/content/editor/img/sub_titleicon3.png)0 15px no-repeat;
    padding-left: 10px;
    word-break: keep-all;		
}
.nember_list {
    background: #558337;
    color: #fff;
    padding: 0 10px;
    /* border-radius: 50%; */
    margin-right: 9px;
    display: inline-block;
    width: 17px;
    text-align: center;
}

.box_content { 
	width:100%; 
	margin-top: 20px;
}
.box_content > img {
    display: inline-block;
    border: 1px solid #e1e1e1;
    margin-top: 7px;
    border-radius: 8px;	
}
.subul_0 {
    width: 80%;
    float: right;
    display: inline-block;	
}

/*------------승강기안전문화정착-----------*/

.content_imgul { margin-bottom: 30px; }
.content_imgul ul { 
	width:100%; 
	display:flex; 
}
.content_imgul ul li {
	flex:1;	
}
.content_imgul ul li:nth-child(2n) { margin-top:30px; }
.content_imgul ul li p { text-align:center; }

.content_imgul ul li p img {
    border-radius: 10px;
    box-shadow: 5px 6px 10px #dedede;
    border: 1px solid #e1e1e1;	
}

/*------------검사안내-----------*/
.cont_textbox3 {
	height: 212px;
    width: 96%;
    overflow: auto;
    border: 1px solid #e1e1e1;
    padding: 2%;
    margin: 0 auto;
    margin-top: 35px;
    background: #fff;
}
.cont_textbox3 h1 {
    font-size: 18px;
    color: #3e721d;
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px dotted #e8e8e8;
}
.cont_textbox3 h1:first-child {
	border-top:none;
	padding-top:0;	
}

.cont_textbox3 ul {
    margin: 10px 0 0 20px;	
	padding-bottom:7px;
}
.li_no1 {
    margin-bottom: 15px;
    background: #f9f9f9;
    padding: 18px;
    word-break: keep-all;	
	margin-left: -20px;
}
.cont_textbox3 p { padding: 7px 0; }
.cont_textbox3 p:last-child { margin-bottom: 50px; }

.list_text_box {
    width: 90%;
    height: 190px;
    background: #558337;
    color: #fff;
    padding-top: 35px;
    padding: 10% 5%;	
}
.list_text_box p { color:#fff; }
.text_title { 
    font-size: 20px;
	padding-bottom:20px; 
}
.text_title span {
    margin-left: 10px;
    font-size: 14px;
    float: right;
    background: #709c53;
    padding: 2px 17px;	
}

/*------------검사수수료-----------*/
.table_box {
	width:100%;
}
.table_box tr:first-child { 
	border-top:2px solid #668f4b; 
}
.table_box tr td {  
	padding:10px 0;
	border-bottom:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
	text-align:center;
}
.table_box tr:first-child td { background:#f9f9f9!important; }
.bg_f9 { background:#f9f9f9!important; }

.table_box tr td:last-child { border-right:none; }

.sub_tabletitle { 
	width:100%; 
    position: relative;
	margin: 90px 0 20px 0;
}
.sub_tabletitle p {
    position: absolute;
    top: 22px;	
	right:0;
}
/*------------승강기설치통계-----------*/
.sub_title {
	font-size: 25px;
	font-weight:normal;
    padding-left: 30px;
    background: url(/USER_DATA/kesf/content/editor/img/sub_titleicon2.png)0 10px no-repeat;
	margin-bottom: 20px;
}
.sub_title2 {
	padding-bottom: 15px;
    font-size: 20px;
    padding-left: 20px;
    margin-left: 5px;
    background: url(/USER_DATA/kesf/content/editor/img/sub_titleicon.png)0 10px no-repeat;
	margin-top:50px;
}
.sub_title3 {
	padding-bottom: 15px;
    font-size: 20px;
    padding-left: 20px;
    margin-left: 5px;
    background: url(/USER_DATA/kesf/content/editor/img/sub_titleicon.png)0 10px no-repeat;
	margin-top:50px;
}

.failure_range { 
	width:100%;
	background:#fff;
	border-top:1px solid #e1e1e1;
	border-left:1px solid #e1e1e1;
	margin-top:7px;
}
.failure_range tr:first-child td { 
	text-align:center;
	background:#f9f9f9; 
}
.failure_range tr .el { color:#fff; background:#558337!important; border-right:none; }
.failure_range tr .es { color:#fff; background:#333!important; }

.failure_range tr td {  	
	border-bottom:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
	padding:10px;
	width:50%;
}
.failure_range tr:last-child td { padding:20px; }
.table_in_list li {
    background: url(/USER_DATA/kesf/content/editor/img/sub_titleicon3.png)0 15px no-repeat;
    padding-left: 10px;
    word-break: keep-all;	
}
.table_in_list_p {
	line-height: 35px;
    padding-left: 12px;
    background: url(/USER_DATA/kesf/content/editor/img/li_icon.png)0 14px no-repeat;	
}

/*------------승강기안전부품------------*/
.cont_textbox4 {
    background: #f9f9f9;
    padding: 20px 45px;
}
.cont_textbox4 h2 { padding-bottom:10px; }
.cont_textbox4 p { word-break: keep-all; }
.ri_box { 
	border-bottom:none!important; 
    margin-bottom: 30px;
}
.cont_textbox4 > ul > li {
	line-height: 35px;
}
.subul {
	background: #fff;
    padding: 20px;
    margin: 7px 0 25px 0;	
}
.subul li {
	background: url(/USER_DATA/kesf/content/editor/img/sub_titleicon3.png)0 15px no-repeat;
    padding-left: 10px;
    word-break: keep-all;		
}
.nember_list {
	background: #558337;
    color: #fff;
    padding: 0 10px;
    /* border-radius: 50%; */
    margin-right: 9px;
}
/*------------승강기 기술자료------------*/
.cont_textbox5 {
	background:#fff!important;
	padding: 30px 45px!important;
	border:1px solid #e1e1e1;
}
.plus_text { padding-top: 12px; }
.plus_text2 { padding-top:30px; }
.plus_text3 { padding: 0 0 15px 25px; }

.traction_text {
    width: 100%;
    margin-top: 40px;
    border-top: 1px dotted #ccc;
    padding-top: 40px;	
}
.traction_text > img {  
	border:1px solid #e1e1e1;
}
.tbox_text {
    float: right;
    width: 50%;	
}
.tbox_text h1 {
	font-size:20px;
	padding-left: 12px;
	padding-bottom:20px;
    background: url(/USER_DATA/kesf/content/editor/img/li_icon.png)0 14px no-repeat;
    margin-left: -12px;
}

.content_line {
    width: 100%;
    height: 1px;
    border-bottom: 2px dotted #e6e6e6;
    margin: 55px 0;
}
/*----------------*/

/*#box_hide { display:none; }*/
.p_box{
	position: relative;
    width: 100%;
    height: 275px;
}
.click_btn {
	position: absolute;
    top: 65px;
    right: 0;
    background: #f9f9f9;
    border: 1px solid #e1e1e1;
    padding: 30px 34px;
    border-radius: 8px;
    text-align: center;
}
.click_btn p { padding-bottom:25px; }
.click_btn a {
    background: #558338;
    padding: 5px 37px;
    margin-top: 20px;
    border-radius: 3px;
    color: #fff;	
}
.click_btn a:hover { background:#333; }