.gu_kv .kv_img_area{background-image: url("../../../img/parts-service/uptime-center/kv_parts-service_uptime-center.jpg");}
.uptime-center .contents_inner .contents_img{margin:60px auto 100px;}
.uptime-center .gu_sub_wrapper .gu_sub_contents .contents_inner .contents_img{margin-top:60px;}
.uptime-center .gu_sub_wrapper .gu_sub_contents .contents_inner .contents_title.award{margin-top:60px;}
.uptime-center .section_top{margin-bottom:160px;}
.content  .section_top{margin-bottom:160px;}

.gu_sub_wrapper.uptime-center {background:#e1e3e4;}
.gu_sub_wrapper.uptime-center  .gu_sub_contents .contents_inner .contents_title{text-align:left;}

.uptime-center .management{display:flex; justify-content:space-between; align-items: baseline;}
.uptime-center .management div{flex:1 0 50%;}

.uptime-center .our{background: #393939; color: #e1e3e4;}
.uptime-center .our .img_box img{width:100%;}
.gu_sub_wrapper .gu_sub_contents  .our .contents_inner .contents_title{margin-top:0;}
.uptime-center .our .list_section{display:grid; gap:2.5rem; grid-template-columns:repeat(3, 1fr); padding-bottom:60px;}
.uptime-center .our .list_section dl{ position:relative; margin-left:50px;}
.uptime-center .our .list_section dl::before{content:''; display:inline-block; position:absolute; top:-5px; left:-60px; width:48px; height:48px; background:url('../../../img/parts-service/uptime-center/primary-objective.svg') 50% no-repeat;}
.uptime-center .our .list_section dl:nth-child(2)::before{background:url('../../../img/parts-service/uptime-center/proactive-approach.svg') 50% no-repeat;}
.uptime-center .our .list_section dl:nth-child(3)::before{background:url('../../../img/parts-service/uptime-center/implementation.svg') 50% no-repeat;}
.uptime-center .our .list_section dt{font-size:30px; color:#ff5f00;}
.uptime-center .our .list_section dd{margin-top:20px; font-size:18px;}

.gu_sub_wrapper.uptime-center .gu_sub_contents .contents_inner.focus .contents_title{margin-top:0; padding-bottom:20px; border-bottom: 1px solid #c9c9c9;}
.post{padding: 2rem 0;}
.post__section {margin: 0 auto; max-width: 100%; box-sizing:border-box;}
.post__main {display:flex; flex-direction:row; gap:1rem 0; position:relative;}
.uptime-center .focus .post__main:after, .post__main:before {content:''; position:absolute; z-index:2; background:#e1e3e4;}
.post--left .post__main:before {left:-.125rem; right: auto;}
.post--left .post__img:after, 
.post--left .post__main:after {left:0; right: auto;}
.post__content {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: center;
	margin-right: -1px;
    margin-left: auto;
    min-height: 50.26rem;
    padding: 2.5rem;
    width: 45%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #e1e3e4;
    -webkit-clip-path: polygon(100% 0, 45% 0, 0 15%, 0 85%, 45% 100%, 100% 100%);
    clip-path: polygon(100% 0, 45% 0, 0 15%, 0 85%, 45% 100%, 100% 100%);
   
}
.post--left .post__content {margin-left: 0; margin-right:auto; -webkit-clip-path: polygon(100% 15%, 55% 0, 0 0, 0 100%, 55% 100%, 100% 85%); clip-path: polygon(100% 15%, 55% 0, 0 0, 0 100%, 55% 100%, 100% 85%);}
.post__img{height: 100%; position: absolute; width:100%; z-index:0;}
.post__img:after {content: "";  height:2px; position: absolute; right:0; top:-1px;  width: 17.25rem; background: #e1e3e4; z-index: 2;}
.post__img img {width:100%; height:100%; margin: 0 auto; -o-object-fit: cover;  object-fit: cover; -o-object-position:50% 50%;  object-position:50% 50%; }
     

.uptime-center .info__section{display:flex;}
.uptime-center .info__box{padding:3.75rem 7%; width:48%; background:#c9c9c9; position:relative; color:#161616}
.gu_sub_wrapper .gu_sub_contents .contents_inner .info__box .contents_title{margin-top:0; margin-bottom:30px;}
.uptime-center .info__box:nth-child(2){padding: 3.75rem 5% 3.75rem 12%; width: 52%; background:#636363;}
.uptime-center .info__box:nth-child(2):before{display:none;}
.uptime-center .info__box:before {content: ""; height: 100%; position: absolute; right:-10%; top:0; width:20%; z-index: 2; background: #c9c9c9; -webkit-clip-path: polygon(0 0, 50% 0, 100% 20%, 100% 81%, 50% 100%, 0 100%); clip-path: polygon(0 0, 50% 0, 100% 20%, 100% 81%, 50% 100%, 0 100%);}


.uptime-center .movie {margin-top:5%;} 
.uptime-center .movie__btn {display:block;	width:4.5rem; height:4.5rem; background:#fff url(../../../img/common/icon/icon-play.svg) 50% 50% no-repeat; -webkit-background-size:auto 1rem;  background-size:auto 1rem; text-indent:-999em;    overflow:hidden; -webkit-transition:background 150ms ease-out; -moz-transition:background 150ms ease-out; -ms-transition:background 150ms ease-out; -o-transition:background 150ms ease-out; transition:background 150ms ease-out;}
.uptime-center .movie__btn:hover {background-color:#e35b0a; background-image: url(../../../img/common/icon/icon-play-w.svg);}
.uptime-center .video-frame-wrap {position:fixed; top:0; left:0; width:100%; height:100%; text-align:center; z-index:999; line-height:100vh;}
.uptime-center .video-frame-wrap .bg {position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:.8;}
.uptime-center .video-frame {position:relative; display:inline-block; margin:0 auto; width:900px; height:506px; vertical-align:middle;}
.uptime-center .video-frame > iframe {width:100%; height:100%; position:absolute; top:0; left:0;}
.uptime-center .btn_close_pop {position:absolute; top:0; right:-30px; width:20px; height:20px;}
.uptime-center .btn_close_pop img {width:100%;}
.uptime-center .movie__bg {position:relative; z-index:1; width:100%; height:0; padding-bottom:34.72%;}
.uptime-center .movie__bg img {position:absolute; z-index:1; width:100%;}
.uptime-center .movie__article {position:absolute; top:10%; z-index:2;}
.uptime-center .movie__article p {color:#fff;}
.uptime-center .movie__article .title {padding:80px 0 10px; font-size:38px; font-weight:500;}
.uptime-center .movie__article .txt {padding-bottom:50px; font-size:20px; font-weight:300;}
.uptime-center .movie .section {position:relative; box-sizing:border-box; width:100%; max-width:960px; margin:0 auto; padding:0 12px;}
.uptime-center .user_guide .movie {position:relative;}

.uptime-center .user_guide .movie_bg img {width:100%;}
.uptime-center .user_guide .movie .movie__btn {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.uptime-center .section_bottom {padding-bottom:100px;}
.uptime-center .section_bottom > div {padding-bottom:50px; font-size:20px;}


@media all and (max-width:1280px){
    .contents_inner .section, .contents_inner .section_top {margin: 0;}
    .uptime-center .section_top { margin-bottom: 140px;}
}


@media all and (max-width:1080px){
    .uptime-center .section_top .contents_title{margin-top:90px;}
    .contents_inner .section, .contents_inner .section_top {margin: 0 50px;}
    
	.uptime-center .section_top { margin-bottom: 120px;}

    .uptime-center.gu_sub_wrapper .gu_sub_contents .contents_inner .contents_title img{max-width:308px;}
    .uptime-center.gu_sub_wrapper .gu_sub_contents .contents_inner .contents_sub_copy{margin:50px 0;}

    .gu_sub_wrapper .gu_sub_contents .contents_inner br{display:block;}
    
	.uptime-center .movie__article .title {padding-top:3%}
	.uptime-center .movie {margin-top:3%;}
}


@media all and (max-width:766px){
    .contents_inner .section, .contents_inner .section_top
    .content .section, .content .section_top {margin: 0 20px;}
    .gu_kv .sec_inner .copy_area .sub_copy br{display:none;}

    .uptime-center.section_top .contents_title {margin-top: 30px;}
    .uptime-center.gu_sub_wrapper .gu_sub_contents .contents_inner .contents_title img{min-width:236px; width:100%;}
    .uptime-center.gu_sub_wrapper .gu_sub_contents .contents_inner .contents_sub_copy {margin: 30px 0;}
    .uptime-center .section_top {margin-bottom: 60px;}

    .gu_kv .sec_inner .copy_area .btn_area .gu_kv_btn{max-width:236px;}
    
    
    #TECHNOLOGY-INNOVATION_HDCONNECT_DIGITAL .section.sec_list > ul > li {display:block;}
    #TECHNOLOGY-INNOVATION_HDCONNECT_DIGITAL .section.sec_list > ul > li > div {width:100%;}
    .uptime-center .movie__article .title {font-size:5vw;}
    .uptime-center .movie__article .txt {font-size:1vw;}
    .movie__btn {width:52px; height:52px;}
    .uptime-center .section.sec_list {margin-top:30px;}
    .uptime-center .movie__article .txt {padding-bottom:10px;}
}