/*--서브비주얼--*/
.sub_visual {width:100%;height:600px;padding-bottom:60px;display:flex;align-items:flex-end;}
.sub_visual.sv01 {background:url('/img/sub/sv01.jpg') no-repeat 50% 50% / cover;}
.sub_visual.sv02 {background:url('/img/sub/sv02.jpg') no-repeat 50% 50% / cover;}
.sub_visual.sv03 {background:url('/img/sub/sv03.jpg') no-repeat 50% 50% / cover;}
.sub_visual.sv04 {background:url('/img/sub/sv04.jpg') no-repeat 50% 50% / cover;}
.sub_visual.sv05 {background:url('/img/sub/sv05.jpg') no-repeat 50% 50% / cover;}

.sub_visual .ch_inner {display:flex;justify-content:space-between;align-items:flex-end;}
.sub_tit_wrap {color:#fff;}
.sub_art {line-height:1.5em;}
.sub_navi_list {display:flex;gap:10px;align-items:center;}
.sub_navi_list li a {font-size: var(--font-size-16);color:#fff;}
.sub_navi_list svg {margin-bottom:-4px;}

@media screen and (max-width:1080px){
	.sub_visual .ch_inner {flex-direction:column;align-items:center;}
	.sub_tit_wrap {text-align: center;}
	.sub_tit {font-size: var(--font-size-40);}
	.sub_art {font-size: var(--font-size-16);}
	.sub_navi_list {margin-top:30px;}
}
@media screen and (max-width:720px){
	.sub_visual {height:350px;}
	.sub_visual.sv01 {background:url('/img/sub/sv01_mo.jpg') no-repeat 50% 50% / cover;}
	.sub_visual.sv02 {background:url('/img/sub/sv02_mo.jpg') no-repeat 50% 50% / cover;}
	.sub_visual.sv03 {background:url('/img/sub/sv03_mo.jpg') no-repeat 50% 50% / cover;}
	.sub_visual.sv04 {background:url('/img/sub/sv04_mo.jpg') no-repeat 50% 50% / cover;}
	.sub_visual.sv05 {background:url('/img/sub/sv05_mo.jpg') no-repeat 50% 50% / cover;}
	.sub_tit {font-size: var(--font-size-36);}
}
@media screen and (max-width:380px){
	.sub_art {font-size: 14px;}
	.sub_navi_list {margin-top:20px;}
	.sub_navi_list li a {font-size: 14px;}
}

/*--공통--*/
.sub_sect_tit_wrap {width:100%;display:flex;flex-direction:column;align-items: center;text-align:center;}
.sub_sect_stit {position:relative;width: fit-content;font-family: "Poppins", sans-serif;font-size: var(--font-size-24);font-weight:var(--font-r);color:var(--main-clr);}
.sub_sect_stit::after, .sub_sect_stit::before {content:"";position:absolute;top:50%;transform:translateY(-50%);width:2px;height:14px;background:var(--point-clr);}
.sub_sect_stit::after {left:-20px;}
.sub_sect_stit::before {right:-20px;}
.sub_sect_tit {font-size: var(--font-size-50);font-weight:var(--font-sb);margin-top:16px;}
.sub_sect_art {font-size: var(--font-size-22);font-weight:var(--font-r);line-height:1.5em;margin-top:30px;}

.sub_sect_info {margin-top:80px;}
.sub_info_tit_wrap {width:100%;display:flex;flex-direction:column;}
.sub_info_stit {font-family: "Poppins", sans-serif;font-size: var(--font-size-22);font-weight:var(--font-r);line-height:1em;color:var(--main-clr);}
.sub_info_stit span {font-weight:var(--font-sb);}
.sub_info_tit {font-size: var(--font-size-26);font-weight:var(--font-sb);margin-top:30px;}
.sub_info_art {font-size: var(--font-size-18);font-weight:var(--font-r);line-height:1.5em;margin-top:16px;}
.sub_info_art span {font-weight:var(--font-sb);}

@media screen and (max-width:1080px){
	.sub_sect_stit {font-size: var(--font-size-22);}
	.sub_sect_tit {font-size: var(--font-size-40);margin-top:12px;}
	.sub_sect_art {font-size: var(--font-size-20);margin-top:24px;}
	
	.sub_sect_info {margin-top:60px;}
	.sub_info_stit {font-size: var(--font-size-18);}
	.sub_info_tit {font-size: var(--font-size-22);margin-top:24px;}
	.sub_info_art {font-size: var(--font-size-16);margin-top:10px;}
}
@media screen and (max-width:720px){
	.sub_sect_stit {font-size: var(--font-size-18);}
	.sub_sect_tit {font-size: var(--font-size-34);margin-top:8px;}
	.sub_sect_art {font-size: var(--font-size-16);margin-top:18px;}
	
	.sub_info_stit {font-size: var(--font-size-16);}
	.sub_info_tit {margin-top:18px;}
	.sub_info_art {font-size: var(--font-size-14);margin-top:8px;}
}
@media screen and (max-width:480px){
	.sub_sect_stit {font-size: 18px;}
	.sub_sect_tit {font-size: 30px;}
	.sub_sect_art {font-size: 15px;}
	
	.sub_sect_info {margin-top:40px;}
	.sub_info_stit {font-size: 16px;}
	.sub_info_tit {font-size: 26px;}
	.sub_info_art {font-size: 14px;}
}


/*--page0101 : intoroduce : 회사개요--*/
.sub_sect_info.introduce figure {text-align:center;}
.sub_sect_info.introduce figure img {max-width:100%;}


/*--page0102 : history : 연혁--*/
.sub_sect_info.history{width:100%;display:flex; flex-wrap:wrap;justify-content: center;}
.sub_sect_info.history figure img {display:block;max-width:100%;}
.sub_sect_info.history > li{width:100%;display:flex;transition: background-color 0.24s ease,padding 0.24s ease,all 0.6s ease;}
.sub_sect_info.history > li:nth-child(2n){justify-content:flex-end;}
.sub_sect_info.history > li:last-child{position:relative;}
.sub_sect_info.history > li .ch_inner{width:50%;margin: unset;text-align:right;padding:20px 20px;position:relative;}
.sub_sect_info.history > li .ch_inner:after{content:''; width:1px; height:100%; background-color:#e1e1e1; position:absolute; right:0; top:0; z-index: -1;}
.sub_sect_info.history > li .ch_inner > div {opacity:.6;transition: background-color 0.24s ease,padding 0.24s ease,all 0.6s ease;}
.sub_sect_info.history > li:hover .ch_inner > div{opacity:1;}
.sub_sect_info.history > li:nth-child(2n) .ch_inner{text-align:left;}
.sub_sect_info.history > li:nth-child(2n) .ch_inner:after{left:-1px;}
	
.sub_sect_info.history > li .sub_info_stit {font-family: 'Pretendard', sans-serif;font-size:var(--font-size-30);font-weight: var(--font-sb);position:relative;display:inline-block;letter-spacing:-1px;transition:all .24s ease;}
.sub_sect_info.history > li:hover .sub_info_stit {padding:8px 30px;color:#fff;border-radius:50px;background:var(--main-clr);}
.sub_sect_info.history > li .sub_info_stit:after {content: '';width: 8px;height: 8px;border-radius: 50%;position: absolute;right: -24px;top: 50%;transform: translateY(-50%);z-index: 1;background-color: #e1e1e1;}
.sub_sect_info.history > li:hover .sub_info_stit:after {content: '';width: 13px;height: 13px;right: -26px;background-color: var(--main-clr);}
.sub_sect_info.history > li:nth-child(2n) .sub_info_stit:after{right:unset; left:-24px;}
.sub_sect_info.history > li:nth-child(2n):hover .sub_info_stit:after {left:-27px;}
.sub_sect_info.history > li .sub_info_art {display: flex;gap: 6px;flex-direction: column;color:#555}
.sub_sect_info.history > li .sub_info_art li p {position:relative;padding-left:90px;}
.sub_sect_info.history > li .sub_info_art li p b {position:absolute;top:0;left:0;font-weight: var(--font-sb);color:#222;}

@media screen and (max-width: 930px){ 
	.sub_sect_info.history > li:nth-child(2n){justify-content:flex-start;}
	.sub_sect_info.history > li .ch_inner{text-align:left;width: 100%;padding-left: 40px;}
	.sub_sect_info.history > li .ch_inner:after{left:19px; right:unset; }
	.sub_sect_info.history > li:nth-child(2n) .ch_inner:after{left:19px;}
	.sub_sect_info.history > li:first-child .ch_inner:before{left:11px;right:unset; }
	.sub_sect_info.history > li .sub_info_stit {font-size:var(--font-size-24);padding:8px 30px;color:#fff;border-radius:50px;background:var(--main-clr);margin-bottom: 6px;}
	.sub_sect_info.history > li .sub_info_stit:after{left: -26px; right:unset; }
	.sub_sect_info.history > li .sub_info_art li p {padding-left:70px;}
	.sub_sect_info.history > li:nth-child(2n) .sub_info_stit:after{left:-24px;}
	
}
@media screen and (max-width: 720px){ 
	.sub_sect_info.history > li .ch_inner > div {opacity: 1;}
}


/*--page0103 : prevention : 비전--*/
.sub_sect_prevention {width:100%;}
.sub_sect_info.prevention {width:100%;display:flex;}
.sub_sect_info.prevention li {
	width:calc((100% - 20px) / 3);display:flex;flex-direction:column;align-items:center;text-align: center;
	margin-right:10px;padding:80px 0 40px;border-radius:30px;border:1px solid var(--main-clr);transition:all .24s ease;
}
.sub_sect_info.prevention li:last-child {margin-right:0;}
.sub_sect_info.prevention li figure img {margin-bottom:80px;display: block;max-width: 100%;}
.sub_sect_info.prevention li:hover {transform:translateY(-20px);background:#000942;}
.sub_sect_info.prevention li:hover .sub_info_stit {color:rgba(255,255,255,.5);}
.sub_sect_info.prevention li:hover .sub_info_tit {color:#fff;}
.sub_sect_info.prevention li:hover .sub_info_art {color:rgba(255,255,255,.5);}

@media screen and (max-width:1080px){
	.sub_sect_info.prevention {width:80%;margin:60px auto 0 auto;flex-wrap:wrap;}
	.sub_sect_info.prevention li {width:100%;margin-right:0;margin-bottom:8px;padding:40px 0 40px;}
	.sub_sect_info.prevention li:last-child {margin-bottom:0;}
	.sub_sect_info.prevention li:hover {transform:translateY(0);transform:translateX(0);}
	.sub_sect_info.prevention li figure img {width: 100px;margin-bottom:40px;}
}
@media screen and (max-width:720px){
	.sub_sect_info.prevention li {background:#000942;}
	.sub_sect_info.prevention li .sub_info_stit {color:rgba(255,255,255,.5);}
	.sub_sect_info.prevention li .sub_info_tit {color:#fff;}
	.sub_sect_info.prevention li .sub_info_art {color:rgba(255,255,255,.5);}

	.sub_sect_info.prevention li figure img {width: 90px;}
}
@media screen and (max-width:480px){
	.sub_sect_info.prevention {margin:40px auto 0 auto;}
	.sub_sect_info.prevention li {padding:40px 0 40px;}
	.sub_sect_info.prevention li figure img {width: 80px;margin-bottom:30px;}
}


/*--page0105 : directions : 오시는 길--*/
.sub_sect_info.directions {display:flex;}
.ch_map_wrap {width:50%;}
.direction_wrap {width:50%;padding:30px;display: flex;flex-wrap: wrap;flex-direction: column;gap: 50px;}
.direction_wrap li {display:flex;align-items: flex-start;}
.direction_wrap li figure {width:40px;margin-right:20px;}
.direction_wrap li figure img {max-width:100%;display:block;}

.direction_info {width: calc(100% - 54px);display: flex;flex-direction:column;font-size:var(--font-size-18);font-weight:var(--font-r);line-height:1.5em;color:#555;}
.direction_info span {font-weight:var(--font-sb);color:var(--main-clr);}

@media screen and (max-width:1080px){
	.sub_sect_info.directions {flex-wrap:wrap;}
	.ch_map_wrap {width:100%;}
	.direction_info {gap: 4px;}
	.direction_wrap {width:100%;gap: 8px;}
	.direction_wrap li figure {width:30px;margin-right:16px;}
}
@media screen and (max-width:720px){
	.direction_wrap {gap: 30px;}
	.direction_info {width: calc(100% - 40px);}
	.direction_info {font-size: var(--font-size-16);}
}


/*--page0201, 0202, 0203 : elevator/escalator/maintenance : 솔루션--*/
/*솔루션 탭(엘베/에스컬레이터) 공통*/
.solution_tabnav {width: 100%;display: flex;justify-content: flex-start;flex-wrap: wrap;border-top: 1px solid #e1e1e1;}
.solution_tabnav li {display: inline-block;width: calc((100%) / 3);text-align: center;border-right:1px solid #e1e1e1;}
.solution_tabnav li:last-child {border-right:unset;}
.solution_tabnav li a{position:relative;display:block;padding:30px;font-size: var(--font-size-20);font-weight: var(--font-sb);color:#222;transition:.24s;}
.solution_tabnav li a.active{color:var(--main-clr);}
.solution_tabnav li a:hover{color:#fff;background:var(--main-clr);}

.solution_tabcontent {text-align:center;}
.solution_tabcontent_box {display: flex ; flex-direction: column; gap: 50px;}
.solution_tabcontent_box figure {border-radius: 0 0 20px 20px;overflow:hidden;}
.solution_tabcontent_box figure img {display:block;max-width:100%;}


/*유지보수 탭*/
.maintenance_wrap {border-top:1px solid #e1e1e1;}
.maintenance_tit_wrap .sub_info_tit {text-align:center;margin-top:unset;}

.maintenance_tabnav {width: 100%;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.maintenance_tabnav li {display: inline-block;width: calc((100%) / 6);text-align: center;border-top: 1px solid #e1e1e1;border-right:1px solid #e1e1e1;}
.maintenance_tabnav li:last-child {border-right:unset;}
.maintenance_tabnav li a{position:relative;display:block;padding:30px 0;font-size: var(--font-size-20);font-weight: var(--font-sb);color:#222;transition:.24s;}
.maintenance_tabnav li a.active{color:var(--main-clr);}
.maintenance_tabnav li a:hover{color:#fff;background:var(--main-clr);}

.maintenance_tabcontent {text-align:center;}
.maintenance_tabcontent_box {display: flex ; flex-direction: column; gap: 50px;}
.maintenance_tabcontent_box figure {border-radius: 0 0 20px 20px;overflow:hidden;}
.maintenance_tabcontent_box figure img {display:block;max-width:100%;}

/*인포 공통*/

.solution_info_point_tit {font-size: var(--font-size-22);font-weight: var(--font-r);color:var(--main-clr);}

/*엘리베이터 인포*/
.elevator_exchange_wrap{border-top:1px solid #e1e1e1;}
.elevator_exchange {width:100%;display: flex;}
.elevator_exchange_img {width:50%;display: flex;justify-content: center;align-items: center;}
.elevator_exchange_img img {max-width:100%;display:block;}
.elevator_exchange_tit_wrap {width:50%;display:flex;justify-content: center;flex-direction:column;padding:30px;}
.elevator_exchange_tit_wrap .sub_info_art span {font-size: var(--font-size-16);color:var(--main-clr);margin-right:6px;}
.exchange_wraning {display:flex;flex-direction:column;gap:8px;margin-top:20px;color:#888;}

/*에스컬레이터 인포*/
.escalator_exchange {width:100%;display: flex;gap:30px;border-top:1px solid #e1e1e1;}
.escalator_exchange_img {width:40%;display: flex;justify-content: center; align-items: center;}
.escalator_exchange_img img {max-width:100%;display:block;}
.escalator_exchange_tit_wrap {width:60%;display:flex;justify-content: center;flex-direction:column;}

.for_escalator_sub_info_wrap {display:flex;flex-direction:column;gap:30px;margin-top:40px;}
.for_escalator_sub_info {display: flex;justify-content: space-between;}
.for_escalator_sub_info figure img {display:block;max-width:100%;}
.escalator_sub_info_box {position:relative;padding-left:30px;}
.sub_info_tit_num {position:absolute;content:"";top:3px;left:0;font-size: var(--font-size-20);font-weight: var(--font-sb);color:var(--main-clr);}
.sub_info_tit.escalator {margin-top:unset;}/*원래 마진이 있는건데 에스컬레이터만 취소*/
	
/*솔루션 테이블 (엘베/유지보수) 공통*/
.solution_table_wrap {margin-top:30px;}
.solution_table {width:100%;max-width: 1080px;margin: 0 auto;border-collapse: collapse;}
.solution_table thead tr th {padding: 10px 0;font-size: var(--font-size-18);font-weight: var(--font-sb);}

.solution_table tr th:first-child {font-weight: var(--font-sb);}
.solution_table tr{font-size: var(--font-size-16);font-weight: var(--font-r);border-top:1px solid #e1e1e1;line-height: 1.5em;}
.solution_table tr:first-child{border-top:2px solid #222;}
.solution_table tr:last-child{border-bottom:1px solid #e1e1e1; }
.solution_table td{text-align:center;padding: 12px 0;}
.solution_table td:last-child{color:#888;}

@media screen and (max-width:1280px){
	.maintenance_tabnav {flex-wrap:wrap;}
	.maintenance_tabnav li {width: calc((100%) / 3);}
	.maintenance_tabnav li:nth-child(3n) {border-right:unset;}
	.maintenance_tabnav li a{padding:16px 0;font-size: var(--font-size-18);}
	.maintenance_tabcontent_box {gap: 40px;} 
	
	/*에스컬레이터*/
	.sub_info_tit_num {top: 1px;}
	.sub_info_tit.escalator {font-size: var(--font-size-22);}
	.sub_info_art.escalator {font-size: var(--font-size-16);}
	
	.escalator_exchange {flex-wrap:wrap;justify-content:center;gap: 0;}
	.escalator_exchange_img {width:50%;}
	.escalator_exchange_tit_wrap {width:50%;}
}
@media screen and (max-width:1080px){
	.solution_tabnav li a{padding:20px 0;font-size: var(--font-size-16);}
	.solution_tabcontent_box {gap: 40px;} 
	
	/*엘리베이터*/
	.elevator_exchange_img img{width: 300px;}  
	.elevator_exchange_tit_wrap {padding:20px 0;}   
	.exchange_wraning {font-size: var(--font-size-14);}
	
	/*에스컬레이터*/
	.escalator_exchange_img {width:90%;}
	.escalator_exchange_tit_wrap {width:90%;margin-top:30px;}
}
@media screen and (max-width:720px){
	.solution_tabcontent_box figure {border-radius: 0 0 10px 10px;}
	.maintenance_tabcontent_box figure {border-radius: 0 0 10px 10px;}
	.maintenance_tabnav li a {font-size: var(--font-size-16);}
	
	.solution_info_point_tit {text-align:center;}
	
	/*엘리베이터*/
	.elevator_exchange {flex-wrap:wrap;}
	.elevator_exchange_img {width:100%;}
	.elevator_exchange_tit_wrap {width:100%;align-items:center;}
	.elevator_exchange_tit_wrap .sub_info_tit {font-size: var(--font-size-26);}
	.elevator_exchange_tit_wrap .sub_info_art {width:fit-content;font-size: var(--font-size-18);}
	.exchange_wraning {width:fit-content;text-align:center;}

	.solution_table thead tr th {font-size: var(--font-size-16);}
	.solution_table tbody tr th {padding:0 10px}
	.solution_table tr {font-size: 14px;}
	
	/*에스컬레이터*/
	.for_escalator_sub_info_wrap {margin-top: 20px;gap: 0;}
	.for_escalator_sub_info {padding: 30px; border-top: 1px solid #e1e1e1;flex-direction: column;align-items: center;text-align: center;}
	.escalator_sub_info_box {padding-left:0;padding-top:20px;}
	.sub_info_tit_num {top:0;left:46%;transform:translateY(-50%);}
	.escalator_device {margin-top:20px;}
}
@media screen and (max-width:480px){
	.solution_tabnav li a {font-size: 16px;}
	.solution_tabcontent_box {gap: 30px;}
	.maintenance_tabcontent_box {gap: 30px;}
	
	.solution_table thead tr th {font-size: 12px;}
	.solution_table tr {font-size: 12px;}
}