
.gu_kv .kv_img_area{background-image: url("../../../img/parts-service/hdcare/kv_parts-service_hdcare.jpg");}
#PARTS-SERVICE_HDCARE{color:#222;}
#PARTS-SERVICE_HDCARE .contents_inner .contents_img{margin:60px auto 100px;}
#PARTS-SERVICE_HDCARE .gu_sub_wrapper .gu_sub_contents .contents_inner .contents_img{margin-top:60px;}
#PARTS-SERVICE_HDCARE .gu_sub_wrapper .gu_sub_contents .contents_inner .contents_title.award{margin-top:60px;}
#PARTS-SERVICE_HDCARE .section .solution_box .solution{float: left; width: calc(50% - 12px); text-align: center; margin-bottom:100px; border-top: solid 2px #666666;}
#PARTS-SERVICE_HDCARE .section .solution_box .solution:nth-child(2n-1){margin-right:24px;}
#PARTS-SERVICE_HDCARE .section .solution_box .solution:nth-last-of-type(1), #PARTS-SERVICE_HDCARE .section .solution_box .solution:nth-last-of-type(2){margin-bottom:60px;}
#PARTS-SERVICE_HDCARE .section .solution_box .solution .title{font-size: 22px; letter-spacing: -1px; margin: 32px 0 48px;}
#PARTS-SERVICE_HDCARE .section .solution_box .solution .ico{display: block; height: 82px; margin: 48px auto; text-align:center;}
#PARTS-SERVICE_HDCARE .section .solution_box .solution .ico img{height:100%;}
#PARTS-SERVICE_HDCARE .section .solution_box .solution .text_box{display: table; width: 100%; height: 450px; background: #f5f5f5; border-top: solid 1px #d4d4d4;}
#PARTS-SERVICE_HDCARE .section .solution_box .solution .text_box .text{display: table-cell; vertical-align: middle; padding:48px;}
#PARTS-SERVICE_HDCARE .section .solution_box .solution .text_box .text p{font-size: 18px; line-height: 26px; padding-top:10px;}
#PARTS-SERVICE_HDCARE .section .solution_box .solution .text_box .text p:first-child {padding-top:0;}
#PARTS-SERVICE_HDCARE .gu_video_box{position:relative; z-index:9;}
#PARTS-SERVICE_HDCARE .gu_video_box p{font-size:40px; text-align:center; padding:100px 0 60px;}
#PARTS-SERVICE_HDCARE .gu_sub_wrapper .gu_sub_contents .contents_inner .contents_sub_copy{margin:60px 0 100px;}
#PARTS-SERVICE_HDCARE .section_top .contents_title{margin-top:100px;}
#PARTS-SERVICE_HDCARE .section .circle_area{margin-bottom:160px;}
#PARTS-SERVICE_HDCARE .section .circle_area li{width: 320px; height: 320px; border-radius: 160px; float:left; position:relative;}
#PARTS-SERVICE_HDCARE .section .circle_area li:nth-last-of-type(odd){background: #fef2ea;}
#PARTS-SERVICE_HDCARE .section .circle_area li:nth-last-of-type(even){background: #f5f5f5;}
#PARTS-SERVICE_HDCARE .section .circle_area li div{text-align:center; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:80%;}
#PARTS-SERVICE_HDCARE .section .circle_area li div i{font-style:normal; font-size:16px; display:block;}
#PARTS-SERVICE_HDCARE .section .circle_area li div span{display:inline-block; position:relative; margin-top:24px; width:72px; height:72px;}
#PARTS-SERVICE_HDCARE .section .circle_area li div span img{display:block; width:100%;}
#PARTS-SERVICE_HDCARE .section .circle_area li div p{font-size:16px; line-height:22px; padding-top:24px;}
#HDCONNECT_TOP .section_top{margin-bottom:160px;}


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


@media all and (max-width:1080px){
    #PARTS-SERVICE_HDCARE .section_top .contents_title{margin-top:90px;}
    .contents_inner .section, .contents_inner .section_top {margin: 0 50px;}
    #HDCONNECT_TOP .section_top{margin-bottom:120px;}
    #PARTS-SERVICE_HDCARE .gu_sub_wrapper .gu_sub_contents .contents_inner .contents_title img{max-width:308px;}
    #PARTS-SERVICE_HDCARE .gu_sub_wrapper .gu_sub_contents .contents_inner .contents_sub_copy{margin:50px 0;}
    #PARTS-SERVICE_HDCARE .section .solution_box .solution{margin-bottom:80px;}
    #PARTS-SERVICE_HDCARE .section .solution_box .solution .title{margin:25px 0 40px; font-size:18px; line-height:13px;}
    #PARTS-SERVICE_HDCARE .section .solution_box .solution .ico{margin:40px 0;}
    #PARTS-SERVICE_HDCARE .section .solution_box .solution .text_box{height:328px;}
    #PARTS-SERVICE_HDCARE .section .solution_box .solution .text_box .text{padding:40px;}
    #PARTS-SERVICE_HDCARE .section .solution_box .solution .text_box .text p{font-size:15px; line-height:21px;}
    #PARTS-SERVICE_HDCARE .section .solution_box .solution:nth-last-of-type(1),
    #PARTS-SERVICE_HDCARE .section .solution_box .solution:nth-last-of-type(2) {margin-bottom: 30px;}
    #PARTS-SERVICE_HDCARE .section .circle_area li{width:222px; height:222px; border-radius:111px;}
    #PARTS-SERVICE_HDCARE .section .circle_area li:nth-of-type(4){clear:both;}
    #PARTS-SERVICE_HDCARE .section .circle_area li div i{font-size:12px; line-height:18px;}
    #PARTS-SERVICE_HDCARE .section .circle_area li div p{font-size:12px; line-height:18px; padding-top:10px;}
    #PARTS-SERVICE_HDCARE .section .circle_area li div span{margin-top:10px;}
    #PARTS-SERVICE_HDCARE .section .circle_area {width: 666px; margin: 0 auto 120px;}
    .gu_sub_wrapper .gu_sub_contents .contents_inner br{display:block;}
}


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

    #PARTS-SERVICE_HDCARE .section_top .contents_title {margin-top: 30px;}
    #PARTS-SERVICE_HDCARE .gu_sub_wrapper .gu_sub_contents .contents_inner .contents_title img{min-width:236px; width:100%;}
    #PARTS-SERVICE_HDCARE .gu_sub_wrapper .gu_sub_contents .contents_inner .contents_sub_copy {margin: 30px 0;}
    #HDCONNECT_TOP .section_top {margin-bottom: 60px;}
    #PARTS-SERVICE_HDCARE .section .solution_box .solution{width:100%; margin-bottom: 30px;}
    #PARTS-SERVICE_HDCARE .section .solution_box .solution:nth-child(2n-1){margin-right:0;}
    #PARTS-SERVICE_HDCARE .section .solution_box .solution .title{font-size:16px; line-height:21px; margin: 20px 0 30px;}
    #PARTS-SERVICE_HDCARE .section .solution_box .solution .ico {margin: 30px 0;}
    #PARTS-SERVICE_HDCARE .section .solution_box .solution .text_box{height: inherit;}
    #PARTS-SERVICE_HDCARE .section .solution_box .solution .text_box .text {padding: 30px; }
    #PARTS-SERVICE_HDCARE .section .solution_box .solution .text_box .text p{font-size:12px; line-height:18px;}
    #PARTS-SERVICE_HDCARE .section .circle_area li{width:140px; height:140px; border-radius:70px; margin-top:86px;}
    #PARTS-SERVICE_HDCARE .section .circle_area li:nth-of-type(4) {clear:inherit;}
    #PARTS-SERVICE_HDCARE .section .circle_area li:nth-of-type(odd) {clear: both;}
    #PARTS-SERVICE_HDCARE .section .circle_area li:nth-of-type(1),
    #PARTS-SERVICE_HDCARE .section .circle_area li:nth-of-type(2){margin-top:0;}
    #PARTS-SERVICE_HDCARE .section .circle_area li:nth-of-type(3),
    #PARTS-SERVICE_HDCARE .section .circle_area li:nth-of-type(4){margin-top:122px;}
    #PARTS-SERVICE_HDCARE .section .circle_area {width: 280px;}
    #PARTS-SERVICE_HDCARE .section .circle_area li div p {position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 100%); padding:40px 0 30px; width:100%;}
    #PARTS-SERVICE_HDCARE .section .circle_area li div{width: 100%;}
    .gu_kv .sec_inner .copy_area .btn_area .gu_kv_btn{max-width:236px;}
}
