.workingst {}

.detail_sec02 {padding:4.333vw 0; text-align:center;}

.workingst .detail_sec01 {background:none;}
.workingst .detail_sec01::before {
	height:65%; background:url("../images/detail/det_workingst/sec01_bg.jpg") no-repeat center top;
	background-size:cover;
}

.workingst .detail_sec01 h1 {background:none; padding:4.7vw 0 0; color:#fff;}
.workingst .detail_sec01 h1 span {color:#fff;}
.workingst .detail_sec01::after {display:none;}

.workingst .detail_sec01 .floating_txt p {color:#fff;}
.workingst .detail_sec01 .floating_txt p::before {background:#fff;}

.workingst .detail_sec04::before {left:auto; right:-118px; top:98.125vw; width:425px; height:166px; background:url("../images/detail/det_workingst/ico_txt_hight.png") no-repeat left top; background-size:73% auto;}
.workingst .detail_sec04::after {right:20.937vw; bottom:11.614vw; width:747px; height:166px; background:url("../images/detail/det_workingst/ico_txt_int.png") no-repeat left top; background-size:100% auto;}
.workingst .detail_sec04 .port_list ul li:nth-child(2) {margin-top:-7.760vw; margin-right:-7.8125vw;}
.workingst .detail_sec04 .port_list ul li:nth-child(3) {margin-top:-27.291vw; margin-left:-16.510vw;}

.workingst .detail_sec04 .port_list ul li img {
	-webkit-box-shadow: 1.0vw 1.0vw 11.4vw 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 1.0vw 1.0vw 11.4vw 0px rgba(0,0,0,0.15);
	box-shadow: 1.0vw 1.0vw 11.4vw 0px rgba(0,0,0,0.15);
}

.workingst .detail_sec06::before {
	content:""; position:absolute; right:14vw; top:80.989vw; width:586px; height:140px; 
	background:url("../images/detail/det_workingst/ico_txt_workingst.png") no-repeat left top; background-size:70% auto; z-index:-1;
}
.workingst .detail_sec06::after {
	content:""; position:absolute; top:0; left:0; width:100%; height:100%; 
	background:url("../images/detail/det_workingst/ico_txt_h.png") no-repeat center center; background-size:70% auto; z-index:-1;
}
.workingst .detail_sec06 .display_box .slide_box .cardlist {margin-left:0;}
.workingst .detail_sec06 .display_box .slide_box .owl-carousel .owl-item img {margin-top:-2px;}
.workingst .detail_sec06 .port_list ul li img {box-shadow:4px 2px 26px #dadada;}

.workingst .detail_sec06 .display_box .slide_box .cardlist {transform: translate(-50%, -46.6%);}

.workingst .detail_sec07::before {background-color:rgba(0, 0, 0, .6);}
.workingst .detail_sec07 .bg {background-image:url("../images/detail/det_workingst/visual_talk.jpg");}

.workingst .typo_box.typo dl:last-child dd.fc_blk {margin-top:0;}
.workingst .typo_box.color dl.color1 dt {background:#009e73;}
.workingst .typo_box.color dl.color2 dt {background:#222222;}
.workingst .typo_box.color dl.color3 dt {background:#666666;}
.workingst .typo_box.color dl.color4 dt {background:#FFFFFF; border:1px solid #ccc;}

@media (max-width: 1520px) and (min-width: 801px) {
	.workingst .detail_sec04::before,
	.workingst .detail_sec04::after,
	.workingst .detail_sec06::before,
	.workingst .detail_sec06::after {background:none;}
}

@media (max-width: 800px) {
	.workingst .detail_sec01::before {background-size:contain;}
	.workingst .detail_sec01 h2 img {width:calc(100% - 50%); height:auto;}

	.workingst .detail_sec04::before,
	.workingst .detail_sec04::after,
	.workingst .detail_sec06::before,
	.workingst .detail_sec06::after {background:none;}
}



.workingst .display_box .box .displaybox .pc_box .rolling {background-image:url("../images/detail/det_workingst/pc_det.jpg");}
.workingst .display_box .box .displaybox .tablet_box .rolling {background-image:url("../images/detail/det_workingst/pc_det.jpg");}
.workingst .display_box .box .displaybox .mobile_box .rolling {background-image:url("../images/detail/det_workingst/mobile_det.jpg");}


/*pc 목업이 달라 위치 및 사이즈 다름. 지우지 말 것*/
.display_box .box .displaybox .pc_box .rolling {top:2.77%; width:95.7%; height:69.48%; border-radius:0; transform:translate(-50%, 0); opacity:0; transition:all 6s ease-out, opacity 0.2s ease-in;}


.workingst .detail_sec_style .port_list2 {position:relative; font-size:0; padding:0 4.1vw;}
.workingst .detail_sec_style .port_list2 ul {position:relative; display:inline-block; width:50%; padding:0 2.0vw; vertical-align:top;}
.workingst .detail_sec_style .port_list2 ul:last-child {/*margin-top:5%;*/}
.workingst .detail_sec_style .port_list2 ul li {display:inline-block;}
.workingst .detail_sec_style .port_list2 li img {
	-webkit-box-shadow: 5px 5px 48px 10px rgba(0,0,0,0.2);
	-moz-box-shadow: 5px 5px 48px 10px rgba(0,0,0,0.2);
	box-shadow: 5px 5px 48px 10px rgba(0,0,0,0.2);
}
.workingst .detail_sec_style .port_list2 li + li {margin-top:2.5vw;}
.workingst .detail_sec_style .port_list2 li img {max-width:100%;}