.gu_kv .kv_img_area{background-image: url("../../../img/parts-service/service/kv_service.jpg")}

#SERVICE .section_top .gu_sub_title{font-size:20px; line-height:34px; padding-bottom:100px; margin-bottom:100px; border-bottom:solid 1px #ccc;}
#SERVICE .section .list_box{ margin-top:60px;}
#SERVICE .section .list_box .box_tit{font-size:24px; text-align:center; padding-bottom:24px;}
#SERVICE .section .list_box_title{font-size:24px; line-height:28px; margin-bottom:30px; text-align:center;}
#SERVICE .section .list_box_desc{font-size:16px; line-height:26px;}
#SERVICE .section.img{position:relative; margin-top:100px;}
#SERVICE .section.img > img{max-width:100%;}
#SERVICE .section.img .img_w{display:block;}
#SERVICE .section.img .img_t{display:none;}
#SERVICE .section.img .img_m{display:none;}
#SERVICE .section.img .pin_box{position:absolute; top:0; left:0; width:100%; height:100%;}
#SERVICE .section.img .pin_box .pin{position:absolute; top:0; left:0; width:12px; height:12px; border:solid 1px #fff; border-radius:10px;}
#SERVICE .section.img .pin_box .pin.pin1,#SERVICE .section.img .pin_box .pin1 .pop_box .box_top p.type:before{top: 183px; left: 219px; background: #b0d233;}
#SERVICE .section.img .pin_box .pin.pin2,#SERVICE .section.img .pin_box .pin2 .pop_box .box_top p.type:before{top: 195px; left: 213px; background: #2831b2;}
#SERVICE .section.img .pin_box .pin.pin3,#SERVICE .section.img .pin_box .pin3 .pop_box .box_top p.type:before{top: 195px; left: 226px; background: #e94840;}
#SERVICE .section.img .pin_box .pin.pin4,#SERVICE .section.img .pin_box .pin4 .pop_box .box_top p.type:before{top: 151px; left: 472px; background: #e94840;}
#SERVICE .section.img .pin_box .pin.pin5,#SERVICE .section.img .pin_box .pin5 .pop_box .box_top p.type:before{top: 160px; left: 484px; background: #b0d331;}
#SERVICE .section.img .pin_box .pin.pin6,#SERVICE .section.img .pin_box .pin6 .pop_box .box_top p.type:before{top:190px; left: 519px; background: #f88021;}
#SERVICE .section.img .pin_box .pin.pin7,#SERVICE .section.img .pin_box .pin7 .pop_box .box_top p.type:before{top: 225px; left: 524px; background: #2932b3;}
#SERVICE .section.img .pin_box .pin.pin8,#SERVICE .section.img .pin_box .pin8 .pop_box .box_top p.type:before{top: 196px; left: 771px; background: #2831b2;}
#SERVICE .section.img .pin_box .pin.pin9,#SERVICE .section.img .pin_box .pin9 .pop_box .box_top p.type:before{top: 197px; left: 784px; background: #b0d233;}
#SERVICE .section.img .pin_box .pin.pin10,#SERVICE .section.img .pin_box .pin10 .pop_box .box_top p.type:before{top: 208px; left: 776px; background: #e94840;}
#SERVICE .section.img .pin_box .pin.pin11,#SERVICE .section.img .pin_box .pin11 .pop_box .box_top p.type:before{top: 210px; left: 754px; background: #2831b2;}
#SERVICE .section.img .pin_box .pin.pin12,#SERVICE .section.img .pin_box .pin12 .pop_box .box_top p.type:before{top: 220px; left: 764px; background: #b0d233;}
#SERVICE .section.img .pin_box .pin.pin13,#SERVICE .section.img .pin_box .pin13 .pop_box .box_top p.type:before{top: 263px; left: 732px; background: #b0d233;}
#SERVICE .section.img .pin_box .pin.pin14,#SERVICE .section.img .pin_box .pin14 .pop_box .box_top p.type:before{top: 277px; left: 728px; background: #2930b2;}
#SERVICE .section.img .pin_box .pin .pop_box{display:none; position:absolute; top:-20px; width:280px; padding:20px; background:#fff; border:solid 1px #ccc; z-index:1;}
#SERVICE .section.img .pin_box .pin .pop_box:before{display: block; content: ''; position: absolute; top:16px; width: 12px; height: 17px; background: url('../../../img/parts-service/service/pop_arrow.png') no-repeat 50% 50% / contain;}
#SERVICE .section.img .pin_box .pin .pop_box.left{left:30px;}
#SERVICE .section.img .pin_box .pin .pop_box.left:before{left:-10px;}
#SERVICE .section.img .pin_box .pin .pop_box.right{right:30px;}
#SERVICE .section.img .pin_box .pin .pop_box.right:before{right:-10px;
    transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
}
#SERVICE .section.img .pin_box .pin:hover .pop_box{display:block;}
#SERVICE .section.img .pin_box .pin .pop_box .box_top{padding-bottom:10px;}
#SERVICE .section.img .pin_box .pin .pop_box .box_top p{color:#222;display:inline-block; box-sizing:border-box;}
#SERVICE .section.img .pin_box .pin .pop_box .box_top p.type{position:relative; font-size:14px; padding-left:14px;}
#SERVICE .section.img .pin_box .pin .pop_box .box_top p.type:before{display:block; content:''; position:absolute; top:2px; left:0; width:8px; height:8px; border-radius:4px;}
#SERVICE .section.img .pin_box .pin .pop_box .box_top p.region{font-size:12px; letter-spacing:-1px;}
#SERVICE .section.img .pin_box .pin .pop_box .box_top p.region:before{display:inline-block; content:''; width:1px; height:10px; margin:0 8px 0 2px; background:#ccc;}
#SERVICE .section.img .pin_box .pin .pop_box .address{font-size:12px; line-height:22px; color:#666;}


/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px) {

    #SERVICE .section_top .gu_sub_title {margin-bottom: 80px;}
    #SERVICE .section .list_box_title {font-size: 18px; line-height: 24px; margin-bottom: 25px;}
    #SERVICE .section .list_box_desc {font-size: 13px; line-height: 21px; }
    #SERVICE .section .list_box { margin-bottom: 20px; margin-top:50px;}
    #SERVICE .section .list_box .box_tit{font-size:18px; padding-bottom:20px;}
    #SERVICE .section_top.policy .gu_contents_title{margin-top:60px;}
    #SERVICE .section.img {margin-top: 80px; overflow-x:scroll; padding-bottom:30px; text-align:center;}
    #SERVICE .section.img > img{ width:100%;}
    #SERVICE .section.img .img_w{display:none;}
    #SERVICE .section.img .img_t{display:block;}
    #SERVICE .section.img .img_m{display:none;}
    .container{margin-bottom:120px;}

    #SERVICE .section.img .pin_box{display:none;}
    .gu_ico_drag{display:none;}
}

/* ================================== Mobile css ================================== */
@media all and (max-width: 766px) {

    .gu_contents_title{font-size:24px; line-height:30px;}
    #SERVICE .section_top .gu_sub_title {margin-bottom: 30px;}
    #SERVICE .section .list_box_title{margin-bottom:20px;}
    #SERVICE .section .list_box_desc {font-size: 12px; line-height: 20px;}
    #SERVICE .section .list_box {margin-bottom: 11px; margin-top:30px;}
    #SERVICE .section .list_box .box_tit{padding-bottom: 16px;}
    #SERVICE .section_top.policy .gu_contents_title{margin-top:30px;}
    #SERVICE .section.img {margin-top: 50px; padding-bottom:0;}
    #SERVICE .section.img > img{ width:100%;}
    #SERVICE .section.img .img_w{display:none;}
    #SERVICE .section.img .img_t{display:none;}
    #SERVICE .section.img .img_m{display:block; min-width: 766px;}
    .container{margin-bottom:60px;}
    .gu_ico_drag{display:block;}



}