@charset "utf-8";

.youtube .right{transform: translate(350px, 0);}
.manager-content-wrap {position: relative;}
.manager-content-wrap .best-slider-btn1 {display:inline-block !important; margin: 0; position: absolute; top:24%; z-index:2;}
.manager-content-wrap .best-slider-btn1 > a {position: relative;}
.manager-content-wrap .best-slider-btn1.best-slider-btn1-prev {left: -52px;}
.manager-content-wrap .best-slider-btn1.best-slider-btn1-next {right: -52px;}
.manager-content {width: 100%; box-sizing: content-box; overflow: hidden;}
.manager-content > ul > li:last-child span {position: absolute; top:0; display:flex; flex-direction:column; gap:10px; width: 100%; height:100%; justify-content:center; align-items:center; background: #000;}
.manager-content > ul > li:last-child span > em, .manager-content > ul > li:last-child span > a {color: #fff;}
.manager-content > ul > li:last-child span > a {padding: 5px 15px; border: 1px solid #fff; border-radius: 20px;} 
.manager-content > ul > li:last-child .img-box {border-color: #000 !important;}
.manager-content-wrap .best-slider-btn1 .best-swiper-button-next, .manager-content-wrap .best-slider-btn1 .best-swiper-button-prev {border: 0; background: transparent;}
.manager-content-wrap .best-slider-btn .best-swiper-button-next::after, .manager-content-wrap .best-slider-btn .best-swiper-button-prev::after {background-color: transparent !important;}

#insightList {position: relative; margin: 100px 0; padding: 100px 0; border-top: 1px solid #DADADA; border-bottom: 1px solid #DADADA;}
#insightList h2 {margin-bottom: 35px;}
#insightList li {position:relative; text-align:left;box-sizing: border-box;}
#insightList li .img-box{border:1px solid #e5e5e5; width:100%;}
#insightList li .img-box .img{position:relative; width:100%; padding-top:calc(100% / 673 * 374); background: #fff url(../images/logo-doosan.png) no-repeat center;}
#insightList li .img-box .img img{position:static; position:absolute; top:0; left:0;  min-height:100%; transform: translate(0,0);}
#insightList li .context-box dt{font-size:24px;color:#000;font-weight:500;letter-spacing:-1px;vertical-align:top;line-height:1.31em}
#insightList li .context-box dt a{font:inherit;color:#222;font-size:20px;}
#insightList li .context-box dd {margin:12px 0 0;font-size:18px;color:#444;line-height:26px;letter-spacing:-1px;}
#insightList li .context-box dd p{color:#555;font-size:15px;line-height:24px;}
#insightList li .context-box .date{margin:7px 0 0;font:inherit;font-size:14px;}
#insightList li .context-box .category, .context-box .date {font-size: 14px;font-weight: 400;color: #9d9d9d;letter-spacing: 0;}
#insightList li .context-box .date:before {content: '|';padding: 0 4px 0 2px;display: inline-block;position: relative;top: -1px;}
.best-slider-btn1 .best-swiper-button-next, .best-slider-btn1 .best-swiper-button-prev {display: block; position: relative; text-align: center; line-height: 52px; width: 52px; height: 52px; background: rgba(255,255,255,.2); z-index: 1; text-indent: -999px; overflow: hidden; border: 1px solid #bbb;}

#insightList .btn-area {margin: 30px 0 0; justify-content: unset;}

@media screen and (max-width:1280px) {/* laptop */
    
    
}
@media screen and (max-width:1240px) {
}
@media screen and (max-width:1200px) {/* laptop small */
	.manager-content-wrap .best-slider-btn1.best-slider-btn1-prev {left: 1px;}
	.manager-content-wrap .best-slider-btn1.best-slider-btn1-next {right: 1px;}
}
@media screen and (max-width:1080px) {
	.manager-content-wrap .best-slider-btn1.best-slider-btn1-prev, .manager-content-wrap .best-slider-btn1.best-slider-btn1-next {top:6vw;}
}
@media screen and (max-width:930px) {
	.manager-content-wrap .best-slider-btn1.best-slider-btn1-prev, .manager-content-wrap .best-slider-btn1.best-slider-btn1-next {top:9vw;}
}
@media screen and (max-width:768px) {/* tablet */
    
    #insightList {margin: 80px 0; padding: 80px 0;}
    #insightList h2 {font-size: 24px;}
    #insightList li {padding-top:30px;}
    #insightList li .img-box{top:30px}
    #insightList li .img-box .img{background-size:140px}
    #insightList li .context-box dt{font-size:20px;}
    #insightList li .context-box dt a{font-size:22px;line-height: 30px;}
    #insightList li .context-box dd {margin:5px 0 0;font-size:16px;line-height:24px}
    #insightList li .context-box .date{margin:5px 0 0;font-size:14px;}
	.youtube .right {transform: translate(0, 0);}
	.manager-content-wrap .best-slider-btn1.best-slider-btn1-prev, .manager-content-wrap .best-slider-btn1.best-slider-btn1-next {top:12vw;}
}

@media screen and (max-width:640px) {/* mobile */

	#insightList h2 {font-size: 22px; margin: 0;}
    #insightList li {min-height:0}
    #insightList li .img-box{position:static}
    #insightList li .context-box dt{margin-top:15px}
    #insightList li .context-box dd {font-size:14px;line-height:24px}
    #insightList li .context-box dt a{font-size:20px;}
    #insightList li .context-box dd p{font-size:14px;}
    #insightList li .context-box .date{margin:3px 0 0;font-size: 13px;}
	.best-slider-btn1 .best-swiper-button-next, .best-slider-btn1 .best-swiper-button-prev {width:40px; height:40px;}
	.manager-content-wrap .best-slider-btn1.best-slider-btn1-prev, .manager-content-wrap .best-slider-btn1.best-slider-btn1-next {top:27vw;}
}