/* 상품소개 (iframe) */


.product_details_api,
.product_details_ux,
.product_details_example,
.product_details_partners{
    width: 100%;
}

.product_details {
    background-color: #FAFBFF;
    max-width: 911px;
}


/* images */
.product_details .icon_link {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin-bottom: 4px;
    background: url("/upload/products/editor/img/icon/link.svg") center center / contain no-repeat;
    text-decoration:none;
}

/* .abcd_details .product_details_api .image 형식으로 product 별 image 추가
 tmap images */
.tmap_details .product_details_api .image {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/tmap_details_api_l.png) center center / contain no-repeat;
}
.tmap_details .product_details_ux .image {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/tmap_details_ux_l.png) center center / contain no-repeat;
}
.tmap_details .product_details_example .transportation_item.tmap .ex_item_left .ex_icon {
    background: url(/upload/products/editor/img/ic_tmap.png) center center / contain no-repeat;
}
.tmap_details .product_details_example .transportation_item.tmap .pic_first {
    background: url(/upload/products/editor/img/tmap_pic1.png) center center / contain no-repeat;
}
.tmap_details .product_details_example .transportation_item.tmap .pic_second {
    background: url(/upload/products/editor/img/tmap_pic2.png) center center / contain no-repeat;
}
.product_details_example .transportation_item .ex_apps .ex_googleplay {
    background: url(/upload/products/editor/img/googleplay.png) center center no-repeat;
}
.product_details_example .transportation_item .ex_apps .ex_onestore {
    background: url(/upload/products/editor/img/onestore.png) center center no-repeat;
}
.product_details_example .transportation_item .ex_apps .ex_appstore {
    background: url(/upload/products/editor/img/appstore.png) center center no-repeat;
}
.tmap_details .product_details_example .transportation_item.tmap_public .ex_item_left .ex_icon {
    background: url(/upload/products/editor/img/ic_tmap_public.png) center center / contain no-repeat;
}
.tmap_details .product_details_example .transportation_item.tmap_public .pic_first {
    background: url(/upload/products/editor/img/tmap_public_pic1.png) center center / contain no-repeat;
}
.tmap_details .product_details_example .transportation_item.tmap_public .pic_second {
    background: url(/upload/products/editor/img/tmap_public_pic2.png) center center / contain no-repeat;
}
.tmap_details .product_details_example .transportation_item.ut .ex_item_left .ex_icon {
    background: url(/upload/products/editor/img/ic_ut.png) center center / contain no-repeat;
}
.tmap_details .product_details_example .transportation_item.ut .pic_first {
    background: url(/upload/products/editor/img/ut_pic1.png) center center / contain no-repeat;
}
.tmap_details .product_details_example .transportation_item.ut .pic_second {
    background: url(/upload/products/editor/img/ut_pic2.png) center center / contain no-repeat;
}
.tmap_details .product_details_example .transportation_item.driver .ex_item_left .ex_icon {
    background: url(/upload/products/editor/img/ic_driver.png) center center / contain no-repeat;
}
.tmap_details .product_details_example .transportation_item.driver .pic_first {
    background: url(/upload/products/editor/img/driver_pic1.png) center center / contain no-repeat;
}
.tmap_details .product_details_example .transportation_item.driver .pic_second {
    background: url(/upload/products/editor/img/driver_pic2.png) center center / contain no-repeat;
}
.tmap_details .product_details_example .life_item.baemin .life_item_left .life_item_icon {
    background: url(/upload/products/editor/img/baemin.png) center center / contain no-repeat;
}
.tmap_details .product_details_example .life_item.cu .life_item_left .life_item_icon {
    background: url(/upload/products/editor/img/cu.png) center center / contain no-repeat;
}
.tmap_details .product_details_example .life_item.emart .life_item_left .life_item_icon {
    background: url(/upload/products/editor/img/emart.png) center center / contain no-repeat;
}
.tmap_details .product_details_example .life_item.lottemart .life_item_left .life_item_icon {
    background: url(/upload/products/editor/img/lottemart.png) center center / contain no-repeat;
}
.tmap_details .product_details_partners .partners .partners_item.delivery .partners_grid_list {
    width: 911px;
    height: 222px;
    background: url(/upload/products/editor/img/delivery_l.png) center center / contain no-repeat;
    /* border-radius: 20px; */
}
.tmap_details .product_details_partners .partners .partners_item.logistics .partners_grid_list {
    width: 911px;
    height: 290px;
    background: url(/upload/products/editor/img/logistics_l.png) center center / contain no-repeat;
}
.tmap_details .product_details_partners .partners .partners_item.emergency .partners_grid_list {
    width: 911px;
    height: 290px;
    background: url(/upload/products/editor/img/emergency_l.png) center center / contain no-repeat;
}
.tmap_details .product_details_partners .partners .partners_item.truck .partners_grid_list {
    width: 911px;
    height: 94px;
    background: url(/upload/products/editor/img/truck_l.png) center center / contain no-repeat;
}

/* openapi images */
.openapi_details .product_details_api .image {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/openapi_img_openapi_01_pc.png) center center / cover no-repeat;
}
.openapi_details .product_details_ux .image {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/openapi_img_openapi_02_pc.png) center center / cover no-repeat;
}
.openapi_details .imageitem_container .imageitem:nth-of-type(1) .image{
    background: url('/upload/products/editor/img/openapi_img_openapi_03_pc.png') center center / cover no-repeat;
}
.openapi_details .imageitem_container .imageitem:nth-of-type(2) .image{
    background: url('/upload/products/editor/img/openapi_img_openapi_04_pc.png') center center / cover no-repeat;
}
.openapi_details .imageitem_container .imageitem:nth-of-type(3) .image{
    background: url('/upload/products/editor/img/openapi_img_openapi_05_pc.png') center center / cover no-repeat;
}

/* meta images */
.meta_details .product_details_api .image{
    width: 100%;
    height: 340px;
    background: url('/upload/products/editor/img/meta_img_meta_01_pc.png') center center / cover no-repeat;
}

/* nugu images */
.nugu_details .product_details_api .image {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/nugu_img_01_pc.png) center center / cover no-repeat;
}
.nugu_details .product_details_ux .image {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/nugu_img_02_pc.png) center center / cover no-repeat;
}
.nugu_details .imageitem_container .imageitem:nth-of-type(1) .image {
    background: url(/upload/products/editor/img/img_sphere_pc.png) center center / cover no-repeat;
}
.nugu_details .imageitem_container .imageitem:nth-of-type(2) .image {
    background: url(/upload/products/editor/img/img_imhere_pc.png) center center / cover no-repeat;
}
.nugu_details .imageitem_container .imageitem:nth-of-type(3) .image {
    background: url(/upload/products/editor/img/img_actium_pc.png) center center / cover no-repeat;
}
.nugu_details .imageitem_container .imageitem:nth-of-type(4) .image {
    background: url(/upload/products/editor/img/img_tfactory_pc.png) center center / cover no-repeat;
}
.nugu_details .imageitem_container .imageitem:nth-of-type(5) .image {
    background: url(/upload/products/editor/img/img_skbroadband_pc.png) center center / cover no-repeat;
}
.nugu_details .imageitem_container .imageitem:nth-of-type(6) .image {
    background: url(/upload/products/editor/img/img_landmarksvc_pc.png) center center / cover no-repeat;
}

/* 11st images */
.p11st_details .product_details_api .image {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/11st_img_01_pc.png) center center / contain no-repeat;
}
.p11st_details .product_details_ux .image {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/11st_img_02_pc.png) center center / contain no-repeat;
}

/* ovs images */
.ovs_details .product_details_api .image {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/ovs_img_01_pc.png) center center / contain no-repeat;
}
.ovs_details .product_details_ux .image {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/ovs_img_02_pc.png) center center / contain no-repeat;
}

/* olabang images */
.olabang_details .product_details_api .image {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/olabang_img_01_pc.png) center center / contain no-repeat;
}
.olabang_details .product_details_ux .image {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/olabang_img_02_pc.png) center center / contain no-repeat;
}
.olabang_details .product_details_example .transportation_item.kakao .pic_first {
    background: url(/upload/products/editor/img/olabang_img_03_pc.png) center center / contain no-repeat;
}
.olabang_details .product_details_example .transportation_item.kakao .pic_second {
    background: url(/upload/products/editor/img/olabang_img_04_pc.png) center center / contain no-repeat;
}
.olabang_details .product_details_example .transportation_item.instagram .pic_first {
    background: url(/upload/products/editor/img/olabang_img_05_pc.png) center center / contain no-repeat;
}
.olabang_details .product_details_example .transportation_item.instagram .pic_second {
    background: url(/upload/products/editor/img/olabang_img_06_pc.png) center center / contain no-repeat;
}
.olabang_details .product_details_example .transportation_item.youtube .pic_first {
    background: url(/upload/products/editor/img/olabang_img_07_pc.png) center center / contain no-repeat;
}
.olabang_details .product_details_example .transportation_item.youtube .pic_second {
    background: url(/upload/products/editor/img/olabang_img_08_pc.png) center center / contain no-repeat;
}

/* cloudcam images */
.cloudcam_details .product_details_api .image {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/cloudcam_img_01_pc.png) center center / contain no-repeat;
}
.cloudcam_details .product_details_ux .image {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/cloudcam_img_02_pc.png) center center / contain no-repeat;
}
.cloudcam_details .product_details_example .transportation_item.bananax .pic_first {
    background: url(/upload/products/editor/img/cloudcam_img_03_pc.png) center center / contain no-repeat;
}
.cloudcam_details .product_details_example .transportation_item.bananax .pic_second {
    background: url(/upload/products/editor/img/cloudcam_img_04_pc.png) center center / contain no-repeat;
}
.cloudcam_details .product_details_example .transportation_item.chicken .pic_first {
    background: url(/upload/products/editor/img/cloudcam_img_05_pc.png) center center / contain no-repeat;
}
.cloudcam_details .product_details_example .transportation_item.chicken .pic_second {
    background: url(/upload/products/editor/img/cloudcam_img_06_pc.png) center center / contain no-repeat;
}
.cloudcam_details .product_details_example .transportation_item.fishking .pic_first {
    background: url(/upload/products/editor/img/cloudcam_img_07_pc.png) center center / contain no-repeat;
}
.cloudcam_details .product_details_example .transportation_item.fishking .pic_second {
    background: url(/upload/products/editor/img/cloudcam_img_08_pc.png) center center / contain no-repeat;
}
.cloudcam_details .product_details_example .transportation_item.parking .pic_first {
    background: url(/upload/products/editor/img/cloudcam_img_09_pc.png) center center / contain no-repeat;
}
.cloudcam_details .product_details_example .transportation_item.parking .pic_second {
    background: url(/upload/products/editor/img/cloudcam_img_10_pc.png) center center / contain no-repeat;
}

/* supernova images */
.supernova_details .product_details_api .image {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/supernova_img_01_pc.png) center center / contain no-repeat;
}
.supernova_details .product_details_ux .image {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/supernova_img_02_pc.png) center center / contain no-repeat;
}
.supernova_details .product_details_example .transportation_item.remastering .pic_first {
    background: url(/upload/products/editor/img/supernova_img_04_pc.png) center center / contain no-repeat;
}
.supernova_details .product_details_example .transportation_item.remastering .pic_second {
    background: url(/upload/products/editor/img/supernova_img_05_pc.png) center center / contain no-repeat;
}
.supernova_details .product_details_example .transportation_item.deoldify .pic_first {
    background: url(/upload/products/editor/img/supernova_img_07_pc.png) center center / contain no-repeat;
}
.supernova_details .product_details_example .transportation_item.deoldify .pic_second {
    background: url(/upload/products/editor/img/supernova_img_08_pc.png) center center / contain no-repeat;
}
.supernova_details .product_details_example .transportation_item.factory .pic_first {
    background: url(/upload/products/editor/img/supernova_img_10_pc.png) center center / contain no-repeat;
}
.supernova_details .product_details_example .transportation_item.factory .pic_second {
    background: url(/upload/products/editor/img/supernova_img_11_pc.png) center center / contain no-repeat;
}
.supernova_details .product_details_example .transportation_item.sercurity .pic_first {
    background: url(/upload/products/editor/img/supernova_img_12_pc.png) center center / contain no-repeat;
}
.supernova_details .product_details_example .transportation_item.sercurity .pic_second {
    background: url(/upload/products/editor/img/supernova_img_13_pc.png) center center / contain no-repeat;
}

/* geovision images */
.geovision_details .product_details_api .image {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/geovision_img_01_pc.png) center center / contain no-repeat;
}
.geovision_details .product_details_ux .image {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/geovision_img_02_pc.png) center center / contain no-repeat;
}

/* subway images  */
.subway_details .product_details_api .image {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/subway_img_01_pc.png) center center / contain no-repeat;
}
.subway_details .product_details_api .image.second {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/subway_img_02_pc.png) center center / contain no-repeat;
}
.subway_details .product_details_ux .image {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/subway_img_03_pc.png) center center / contain no-repeat;
}
.subway_details .product_details_example .transportation_item.tmap .pic_first {
    background: url(/upload/products/editor/img/subway_img_05_pc.png) center center / contain no-repeat;
}
.subway_details .product_details_example .transportation_item.tmap .pic_second {
    background: url(/upload/products/editor/img/subway_img_06_pc.png) center center / contain no-repeat;
}
.subway_details .product_details_example .transportation_item.ddota .pic_first {
    background: url(/upload/products/editor/img/subway_img_08_pc.png) center center / contain no-repeat;
}
.subway_details .product_details_example .transportation_item.ddota .pic_second {
    background: url(/upload/products/editor/img/subway_img_09_pc.png) center center / contain no-repeat;
}

/* travel images  */
.travel_details .product_details_api .image {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/travel_img_01_pc.png) center center / contain no-repeat;
}
.travel_details .product_details_api .image.second {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/travel_img_02_pc.png) center center / contain no-repeat;
}
.travel_details .product_partners .image {
    width: 100%;
    height: 222px;
    background: url(/upload/products/editor/img/travel_img_03_pc.png) center center / contain no-repeat;
}
.travel_details .product_details_ux .image {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/travel_img_04_pc.png) center center / contain no-repeat;
}
.travel_details .product_details_example .example_text_item .image {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/travel_img_05_pc.png) center center / contain no-repeat;
}

/* place images  */
.place_details .product_details_api .image {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/place_img_01_pc.png) center center / contain no-repeat;
}
.place_details .product_details_api .image.second {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/place_img_02_pc.png) center center / contain no-repeat;
}
.place_details .product_partners .image {
    width: 100%;
    height: 222px;
    background: url(/upload/products/editor/img/place_img_03_pc.png) center center / contain no-repeat;
}
.place_details .product_details_ux .image {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/place_img_04_pc.png) center center / contain no-repeat;
}
.place_details .product_details_example .example_text_item .image {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/place_img_11_pc.png) center center / contain no-repeat;
}

/* datamap images */
.datamap_details .product_details_api .image {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/datamap_img_01_pc.png) center center / contain no-repeat;
}
.datamap_details .product_details_ux .image {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/datamap_img_02_pc.png) center center / contain no-repeat;
}
.datamap_details .imageitem_container .imageitem:nth-of-type(1) .image {
    background: url(/upload/products/editor/img/datamap_img_03_pc.png) center center / cover no-repeat;
}
.datamap_details .imageitem_container .imageitem:nth-of-type(2) .image {
    background: url(/upload/products/editor/img/datamap_img_04_pc.png) center center / cover no-repeat;
}

/* pass images */
.pass_details .product_details_api .image {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/pass_img_01_pc.png) center center / contain no-repeat;
}
.pass_details .product_details_ux .image {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/pass_img_02_pc.png) center center / contain no-repeat;
}
.pass_details .product_details_example .transportation_item .pic_first {
    background: url(/upload/products/editor/img/pass_img_03_pc.png) center center / contain no-repeat;
}
.pass_details .product_details_example .transportation_item .pic_second {
    background: url(/upload/products/editor/img/pass_img_04_pc.png) center center / contain no-repeat;
}

/* tid images */
.tid_details .product_details_api .image {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/tid_img_01_pc.png) center center / contain no-repeat;
}
.tid_details .product_details_ux .image {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/tid_img_02_pc.png) center center / contain no-repeat;
}
.tid_details .product_details_example .transportation_item.adot .pic_first {
    background: url(/upload/products/editor/img/tid_img_04_pc.png) center center / contain no-repeat;
}
.tid_details .product_details_example .transportation_item.adot .pic_second {
    background: url(/upload/products/editor/img/tid_img_05_pc.png) center center / contain no-repeat;
}
.tid_details .product_details_example .transportation_item.wavve .pic_first {
    background: url(/upload/products/editor/img/tid_img_07_pc.png) center center / contain no-repeat;
}
.tid_details .product_details_example .transportation_item.wavve .pic_second {
    background: url(/upload/products/editor/img/tid_img_08_pc.png) center center / contain no-repeat;
}
.tid_details .product_details_example .transportation_item.flo .pic_first {
    background: url(/upload/products/editor/img/tid_img_10_pc.png) center center / contain no-repeat;
}
.tid_details .product_details_example .transportation_item.flo .pic_second {
    background: url(/upload/products/editor/img/tid_img_11_pc.png) center center / contain no-repeat;
}

/* voucher images */
.voucher_details .product_details_api .image {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/voucher_img_01_pc.png) center center / contain no-repeat;
}
.voucher_details .product_details_ux .image {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/voucher_img_02_pc.png) center center / contain no-repeat;
}
.voucher_details .imageitem_container .imageitem:nth-of-type(1) .image {
    background: url(/upload/products/editor/img/voucher_img_03_pc.png) center center / cover no-repeat;
}
.voucher_details .imageitem_container .imageitem:nth-of-type(2) .image {
    background: url(/upload/products/editor/img/voucher_img_04_pc.png) center center / cover no-repeat;
}
.voucher_details .imageitem_container .imageitem:nth-of-type(3) .image {
    background: url(/upload/products/editor/img/voucher_img_05_pc.png) center center / cover no-repeat;
}
.voucher_details .imageitem_container .imageitem:nth-of-type(4) .image {
    background: url(/upload/products/editor/img/voucher_img_06_pc.png) center center / cover no-repeat;
}

/* urbanbase images */
.urbanbase_details .product_details_api .image {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/urbanbase_img_01_pc.png) center center / contain no-repeat;
}
.urbanbase_details .product_details_ux .image {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/urbanbase_img_02_pc.png) center center / contain no-repeat;
}
.urbanbase_details .imageitem_container .imageitem:nth-of-type(1) .image {
    background: url(/upload/products/editor/img/urbanbase_img_03_pc.png) center center / cover no-repeat;
}

/* tms images */
.tms_details .product_details_api .image {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/tms_img_01_pc.png) center center / contain no-repeat;
}
.tms_details .product_details_ux .image {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/tms_img_02_pc.png) center center / contain no-repeat;
}
.tms_details .product_details_ux .image.banner {
    position: relative;
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/tms_img_03_pc.png) center center / contain no-repeat;
}
.tms_details .product_details_ux .image.banner img {
    visibility: hidden;
}
.tms_details .product_details_ux .image.banner .button {
    position: absolute;
    width: 142px;
    height: 38px;
    font-weight: 500;
    font-size: 13px;
    line-height: 14px;
    bottom: 20px;
    background-color: #707070;
    color: #FFFFFF;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

/* marketsensing images */
.marketsensing_details .product_details_api .image {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/marketsensing_img_01_pc.png) center center / contain no-repeat;
}
.marketsensing_details .product_details_ux .image {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/marketsensing_img_02_pc.png) center center / contain no-repeat;
}

/* broadband images */
.broadband_details .product_details_api .image {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/broadband_img_01_pc.png) center center / contain no-repeat;
}
.broadband_details .product_details_ux .image {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/broadband_img_02_pc.png) center center / contain no-repeat;
}

/* nugudev images */
.nugudev_details .product_details_api .image {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/nugudev_img_01_pc.png) center center / contain no-repeat;
}
.nugudev_details .product_details_ux .image {
    width: 100%;
    height: 340px;
    background: url(/upload/products/editor/img/nugudev_img_02_pc.png) center center / contain no-repeat;
}
.nugudev_details .product_details_example .transportation_item.nh .pic_first {
    background: url(/upload/products/editor/img/nugudev_img_04_pc.png) center center / contain no-repeat;
}
.nugudev_details .product_details_example .transportation_item.nh .pic_second {
    background: url(/upload/products/editor/img/nugudev_img_05_pc.png) center center / contain no-repeat;
}
.nugudev_details .product_details_example .transportation_item.flo .pic_first {
    background: url(/upload/products/editor/img/nugudev_img_07_pc.png) center center / contain no-repeat;
}
.nugudev_details .product_details_example .transportation_item.flo .pic_second {
    background: url(/upload/products/editor/img/nugudev_img_08_pc.png) center center / contain no-repeat;
}
.nugudev_details .product_details_example .transportation_item.robot .pic_first {
    background: url(/upload/products/editor/img/nugudev_img_09_pc.png) center center / contain no-repeat;
}
.nugudev_details .product_details_example .transportation_item.robot .pic_second {
    background: url(/upload/products/editor/img/nugudev_img_10_pc.png) center center / contain no-repeat;
}
.nugudev_details .product_partners .image {
    width: 100%;
    height: 94px;
    background: url(/upload/products/editor/img/nugudev_img_11_pc.png) center center / contain no-repeat;
}



.partners_grid_list {
    margin: 0 auto;
    margin-top: 20px;
}
.product_details_example .transportation_item .ex_item_left_bottom {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-bottom: 10px;
}
.olabang_details .product_details_example .transportation_item .ex_item_left_bottom {
    justify-content: flex-start;
}

.product_details h1 {
    font-weight: 600 !important;
    font-size: 30px !important;
    line-height: 37px !important;
    color: #1D1F28 !important;
    margin-top: 10px;
}
.product_details h2 {
    font-weight: 600 !important;
    font-size: 22px !important;
    line-height: 27px !important;
    color: #1D1F28 !important;
    margin-bottom: 15px !important;
}
.product_details a > *{
    color: #3F5DFF !important;
}
.product_details h3 {
    font-weight: 600 !important;
    font-size: 20px !important;
    line-height: 30px !important;
    color: #1D1F28 !important;
}
.product_details h4 {
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 26px !important;
    color: #000000 !important;
    margin-top: 15px !important;
    margin-bottom: 30px !important;
}
.product_details h4 a {
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
}
.product_details h5 {
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 28px !important;
}
.product_details h5 a {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    text-decoration-line: underline;
    color: #3F5DFF;
}
.product_details div.ref {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.5);
    margin-top: -18px;
    margin-bottom: 30px;
}

.product_video .video_wrap {
    display: flex;
    justify-content: center;
}

.supernova_details .product_video .video_area,
.meta_details .product_video .video_area {
    width: 560px;
    height: 315px;
}

.product_details hr {
    border-top: 1px solid #DBDFE9 !important;
    margin: 60px 0 !important;
}
.product_details a {
    color: #3F5DFF;
    word-break: break-all;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}
/* 2023-03-27 [s] */
.product_details p {
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 26px !important;
    color: #303539 !important;
}
.product_details p strong {
    font-weight: 600 !important;
}
.product_details ul {
    margin: 15px 0 !important;
    padding-left: 24px;
}
.product_details ul > li {
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 32px !important;
    color: #303539 !important;
}
/* 2023-03-27 [e] */
.product_details ul > li strong {
    font-weight: 600 !important;
    font-size: inherit;
    line-height: inherit;
}
.product_details ul > li:before {
    display: inline-block;
    position: absolute;
    content: "";
    margin-top: 12px;
    margin-left: -15px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #303539;
}

.product_details ul > li.no_list_style {
    list-style: none;
}

.product_details .imageitem .text {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.product_details .imageitem .text ul {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-left: 24px;
}
.product_details .imageitem .text ul li{
    list-style-type: none !important;
}
.product_details .imageitem ul > li {
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 25px !important;
}
.product_details .imageitem ul > li:before {
    display: inline-block;
    position: absolute;
    content: "";
    margin-top: 10px;
    margin-left: -15px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #303539;
}
.product_details_example .imageitem .text h2 {
    margin-top: 0px;
    margin-bottom: 14px !important;
}

.product_details .item_list {
    display: flex !important;
    flex-direction: column !important;
}
.product_details .item_list .item:first-of-type {
    margin-top: 45px !important;
}
.product_details .item_list .item {
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    margin-top: 40px !important;
}
.product_details .item_list .item_summary {
    width: 234px;
    margin-right: 49px;
}
.product_details .item_list .item_summary > div {
    border-left: 2px solid #44494D;
    padding-left: 15px;
}
.product_details .item_list .item_desc {
    flex: 1;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #44494D;
}
.product_details .imageitem_container {
    height: auto;
}
.product_details .imageitem_container .imageitem .image {
    width: 400px;
    height: 270px;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;
}

.product_details .imageitem:first-of-type {
    margin-top: 30px;
}
.product_details .imageitem {
    height: 270px;
    display: grid;
    grid-template-columns: 435px 1fr;
    grid-template-rows: 1fr min-content;
    margin-top: 90px;
}
.nugu_details.product_details .imageitem:first-of-type {
    margin-top: 60px;
}
.product_details .imageitem .text .desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #303539;
}


.product_details_example div:first-of-type h2 {
    margin-top: 70px;
}
.olabang_details .product_details_example .ex_item_left .ex_item_left_bottom h2,
.cloudcam_details .product_details_example .life .life_item_right h2 {
    margin-top: 0;
}
.product_details_example h2 {
    margin-top: 60px;
}
.tmap_details .product_details_example h2:first-of-type {
    margin-top: 0px;
}
.tmap_details .product_details_example h2 {
    margin-top: 0px;
}

.product_details_example .example_container {
    height: auto;
}
.product_details_example .transportation, .product_details_example .life {
    display: flex;
    flex-direction: column;
}

.product_details_example .transportation_item:not(:first-of-type) {
    margin-top: 90px
}

.product_details_example .transportation_item {
    width: 100%;
    height: 418px;
    display: grid;
    grid-template-columns: 411px 235px 235px;
    grid-template-rows: 363px 40px;
    margin-top: 65px;
    grid-gap: 15px;
}

.product_details_example .transportation_item .ex_item_left_bottom {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-bottom: 10px;
}

.product_details_example .transportation_item {
    width: 100%;
    height: 418px;
    display: grid;
    grid-template-columns: 411px 235px 235px;
    grid-template-rows: 363px 40px;
    margin-top: 65px;
    grid-gap: 15px;
}

.product_details_example .transportation_item:not(:has(.ex_apps)) {
    grid-template-rows: 1fr;
}
.product_details_example .transportation_item:not(:has(.ex_apps)) .ex_item_left_bottom {
    margin-bottom: 0;
}
.product_details_example .transportation_item:not(:has(.ex_apps)) .pic_wrapper {
    display: flex;
    gap: 15px;
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
}
.product_details_example .transportation_item:not(:has(.ex_apps)) .pic_first,
.product_details_example .transportation_item:not(:has(.ex_apps)) .pic_second {
    grid-row-end: 2;
}

.product_details_example .transportation_item .pic_first,
.product_details_example .transportation_item .pic_second {
    width: 235px;
    height: 418px;
    grid-row-start: 1;
    grid-row-end: 3;
}

.product_details_example .transportation_item .ex_apps {
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 2;
}

.product_details_example .transportation_item .ex_apps {
    width: 100%;
    height: 40px;
    display: flex;
    flex-direction: row;
}

.product_details_example .transportation_item .ex_apps > div {
    width: 124px;
    height: 40px;
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    border-radius: 60px;
}

.product_details_example .transportation_item .ex_apps > div:not(:first-of-type) {
    margin-left: 4px;
}

.product_details_example .transportation_item .ex_item_left {
    height: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 2;
}
.product_details_example .transportation_item .ex_item_left .ex_icon {
    width: 90px;
    height: 90px;
    border: 1px solid rgba(52, 52, 52, 0.2);
    border-radius: 25px;
}

.nugudev_details .product_details_example h4 {
    margin-bottom: 0 !important;
}

/* table */
.product_details .table_content_wrapper table {
    width: 100%;
    border: 1px solid #D2D5E0;
}

.geovision_details.product_details .table_content_wrapper table {
    margin-top: 25px;
}
/* 2023-03-27 [s] */
.product_details .table_content_wrapper thead td,
.product_details .table_content_wrapper thead th {
    color: #000000;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    background: #DFE2EB;
    text-align: center;
}

.product_details .table_content_wrapper tbody td,
.product_details .table_content_wrapper tbody th {
    color: #000000;
    background: #FFFFFF;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
}
/* 2023-03-27 [e] */

.product_details .table_content_wrapper tbody td strong {
    font-weight: 600;
    color: #000000;
    font-size: 14px;
    line-height: 18px;
}

.product_details .table_content_wrapper tbody ul li {
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 18px !important;
    color: #000000 !important;
    list-style: disc;
    list-style-position: inside;
}
.product_details .table_content_wrapper tbody ul li::before {
    display: none;
}

.product_details .table_content_wrapper tbody tr td.no_centered,
.product_details .table_content_wrapper tbody.no_centered td {
    text-align: left;
}

.product_details .table_content_wrapper td,
.product_details .table_content_wrapper th {
    border: 1px solid #D2D5E0;
    padding: 12px 20px 10px 20px;
}

.product_details .table_content_wrapper tr th:first-of-type,
.product_details .table_content_wrapper tr td:first-of-type:not(:last-of-type) {
    width: 300px;
}

.product_details .question_wrapper {
    margin-top: 70px;
}

.product_details .question_wrapper:first-of-type {
    margin-top: 40px;
}

.voucher_details.product_details .table_content_wrapper tr td:first-of-type:not(:last-of-type) {
    width: 380px;
}

.voucher_details .question_wrapper .table_content_item {
    margin-top: 30px;
}

.voucher_details .question_wrapper .table_content_item .table_content_title {
    font-weight: 700;
    font-size: 16px;
    line-height: 32px;
    color: #303539;
    margin-bottom: 8px;
}

/* data introduction */
.product_data_introduction {
    width: 100%;
    padding: 63px 60px;
    background: #FFFFFF;
    border: 1px solid #D2D5E0;
    border-radius: 10px;
    margin-top: 30px;
}

.product_data_introduction .introduction_section:not(:first-of-type) {
    margin-top: 80px;
}

.product_data_introduction .introduction_section:last-of-type {
    margin-top: 53px;
}

.product_data_introduction .title {
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    color: #2E83F8;
    margin-bottom: 15px;
}

.product_data_introduction .desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #303539;
}

.product_data_introduction .desc strong {
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    color: #000000;
}

.product_data_introduction .li_desc {
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    color: #44494D;
}

.product_data_introduction .introduction_section > .image,
.product_data_introduction .introduction_section > .image {
    margin: 0 auto;
}

/* subway introduction */
.subway_details .product_data_introduction .introduction_section.second > .image:nth-of-type(3) {
    width: 619px;
    height: 513px;
    background: url(/upload/products/editor/img/subway_img_10_pc.png) center center / contain no-repeat;
    margin-top: 24px;
}

.subway_details .product_data_introduction .introduction_section.second > .image:nth-of-type(4) {
    width: 540px;
    height: 305px;
    background: url(/upload/products/editor/img/subway_img_11_pc.gif) center center / contain no-repeat;
    margin-top: 30px;
}

.subway_details .product_data_introduction .introduction_section.second > .image:nth-of-type(5) {
    width: 540px;
    height: 304px;
    background: url(/upload/products/editor/img/subway_img_12_pc.gif) center center / contain no-repeat;
    margin-top: 40px;
}

.subway_details .product_data_introduction .introduction_section.second > .image:nth-of-type(6) {
    width: 540px;
    height: 347px;
    background: url(/upload/products/editor/img/subway_img_13_pc.gif) center center / contain no-repeat;
    margin-top: 40px;
}

.subway_details .product_data_introduction .introduction_section.third > .image {
    width: 626px;
    height: 890px;
    background: url(/upload/products/editor/img/subway_img_14_pc.png) center center / contain no-repeat;
    margin-top: 32px;
}

.subway_details .product_data_introduction .introduction_section.fourth > .image {
    width: 540px;
    height: 469px;
    background: url(/upload/products/editor/img/subway_img_15_pc.png) center center / contain no-repeat;
    margin-top: 15px;
}

/* travel introduction */
.travel_details .product_data_introduction .introduction_section.second > .image:nth-of-type(3) {
    width: 541px;
    height: 24px;
    background: url(/upload/products/editor/img/travel_img_06_pc.png) center center / contain no-repeat;
    margin-top: 38px;
}

.travel_details .product_data_introduction .introduction_section.second > .image:nth-of-type(4) {
    width: 540px;
    height: 348px;
    background: url(/upload/products/editor/img/travel_img_07_pc.gif) center center / contain no-repeat;
    margin-top: 11px;
}

.travel_details .product_data_introduction .introduction_section.second > .image:nth-of-type(5) {
    width: 540px;
    height: 443px;
    background: url(/upload/products/editor/img/travel_img_08_pc.png) center center / contain no-repeat;
    margin-top: 40px;
}

.travel_details .product_data_introduction .introduction_section.third > .image {
    width: 540px;
    height: 95px;
    background: url(/upload/products/editor/img/travel_img_09_pc.png) center center / contain no-repeat;
    margin-top: 18px;
}

.travel_details .product_data_introduction .introduction_section.fourth > .image {
    width: 790px;
    height: 2043px;
    background: url(/upload/products/editor/img/travel_img_10_pc.png) center center / contain no-repeat;
    margin-top: 15px;
}

.travel_details .product_data_introduction .introduction_section.fifth > .image {
    width: 540px;
    height: 561px;
    background: url(/upload/products/editor/img/travel_img_11_pc.png) center center / contain no-repeat;
    margin-top: 15px;
}

/* place introduction */
.place_details .product_data_introduction .introduction_section.second > .image:nth-of-type(3) {
    width: 541px;
    height: 24px;
    background: url(/upload/products/editor/img/place_img_05_pc.png) center center / contain no-repeat;
    margin-top: 38px;
}

.place_details .product_data_introduction .introduction_section.second > .image:nth-of-type(4) {
    width: 540px;
    height: 316px;
    background: url(/upload/products/editor/img/place_img_06_pc.gif) center center / contain no-repeat;
    margin-top: 11px;
}

.place_details .product_data_introduction .introduction_section.second > .image:nth-of-type(5) {
    width: 540px;
    height: 539px;
    background: url(/upload/products/editor/img/place_img_07_pc.png) center center / contain no-repeat;
    margin-top: 40px;
}

.place_details .product_data_introduction .introduction_section.third > .image {
    width: 790px;
    height: 643px;
    background: url(/upload/products/editor/img/place_img_08_pc.png) center center / contain no-repeat;
    margin-top: 15px;
}

.place_details .product_data_introduction .introduction_section.fourth > .image {
    width: 790px;
    height: 1341px;
    background: url(/upload/products/editor/img/place_img_09_pc.png) center center / contain no-repeat;
    margin-top: 15px;
}

.place_details .product_data_introduction .introduction_section.fifth > .image {
    width: 540px;
    height: 604px;
    background: url(/upload/products/editor/img/place_img_10_pc.png) center center / contain no-repeat;
    margin-top: 15px;
}


/* cloudcam ex_icon */
.cloudcam_details .product_details_example .transportation_item.bananax .ex_item_left .ex_icon {
    background: url(/upload/products/editor/img/cloudcam_img_11_pc.png) center center / contain no-repeat;
    border: none;
}
.cloudcam_details .product_details_example .transportation_item.chicken .ex_item_left .ex_icon {
    background: url(/upload/products/editor/img/cloudcam_img_12_pc.png) center center / contain no-repeat;
}
.cloudcam_details .product_details_example .transportation_item.fishking .ex_item_left .ex_icon {
    background: url(/upload/products/editor/img/cloudcam_img_13_pc.png) center center / contain no-repeat;
}
.cloudcam_details .product_details_example .transportation_item.parking .ex_item_left .ex_icon {
    background: url(/upload/products/editor/img/cloudcam_img_14_pc.png) center center / contain no-repeat;
}
.cloudcam_details .product_details_example .life_item .life_item_left .life_item_icon {
    background: url(/upload/products/editor/img/cloudcam_img_15_pc.png) center center / contain no-repeat;
}

/* supernova ex_icon */
.supernova_details .product_details_example .transportation_item .ex_item_left .ex_icon {
    border: none;
    border-radius: 0;
}
.supernova_details .product_details_example .transportation_item.remastering .ex_item_left .ex_icon {
    background: url(/upload/products/editor/img/supernova_img_03_pc.png) center center / contain no-repeat;
}
.supernova_details .product_details_example .transportation_item.deoldify .ex_item_left .ex_icon {
    background: url(/upload/products/editor/img/supernova_img_06_pc.png) center center / contain no-repeat;
}
.supernova_details .product_details_example .transportation_item.factory .ex_item_left .ex_icon {
    background: url(/upload/products/editor/img/supernova_img_09_pc.png) center center / contain no-repeat;
}

/* subway ex_icon */
.subway_details .product_details_example .transportation_item .ex_item_left .ex_icon {
    border: none;
    border-radius: 0;
}
.subway_details .product_details_example .transportation_item.tmap .ex_item_left .ex_icon {
    background: url(/upload/products/editor/img/subway_img_04_pc.png) center center / contain no-repeat;
}
.subway_details .product_details_example .transportation_item.ddota .ex_item_left .ex_icon {
    background: url(/upload/products/editor/img/subway_img_07_pc.png) center center / contain no-repeat;
}

/* pass ex_icon */
.pass_details .product_details_example .transportation_item.sktpass .ex_item_left .ex_icon {
    background: url(/upload/products/editor/img/pass_img_05_pc.png) center center / contain no-repeat;
    border: none;
}

/* tid ex_icon */
.tid_details .product_details_example .transportation_item .ex_item_left .ex_icon {
    border: none;
    border-radius: 0;
}
.tid_details .product_details_example .transportation_item.adot .ex_item_left .ex_icon {
    background: url(/upload/products/editor/img/tid_img_03_pc.png) center center / contain no-repeat;
}
.tid_details .product_details_example .transportation_item.wavve .ex_item_left .ex_icon {
    background: url(/upload/products/editor/img/tid_img_06_pc.png) center center / contain no-repeat;
}
.tid_details .product_details_example .transportation_item.flo .ex_item_left .ex_icon {
    background: url(/upload/products/editor/img/tid_img_09_pc.png) center center / contain no-repeat;
}

/* nugudev ex_icon */
.nugudev_details .product_details_example .transportation_item .ex_item_left .ex_icon {
    border: none;
    border-radius: 0;
}
.nugudev_details .product_details_example .transportation_item.nh .ex_item_left .ex_icon {
    background: url(/upload/products/editor/img/nugudev_img_03_pc.png) center center / contain no-repeat;
}
.nugudev_details .product_details_example .transportation_item.flo .ex_item_left .ex_icon {
    background: url(/upload/products/editor/img/nugudev_img_06_pc.png) center center / contain no-repeat;
}

.product_details_example .transportation_item .ex_item_left .ex_link {
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    color: #303539;
}
.product_details_example .transportation_item .ex_item_left .ex_link > a {
    color: rgba(63, 93, 255, 1);
    /*text-decoration: underline;*/
}
.product_details_example .transportation_item .ex_item_left {
    height: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 2;
}

.product_details_example .life_item {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    margin-top: 80px;
}
.product_details_example .life_item_left {
    width: 190px;
}
.product_details_example .life_item .life_item_left .life_item_icon {
    width: 90px;
    height: 90px;
}
.product_details_example .life_item_right {
    flex: 1;
}

.product_details_partners .partners {
    display: flex;
    flex-direction: column;
}
.product_details_partners .partners .partners_item {
    margin-top: 50px;
}
.product_details_partners .partners .partners_item:first-of-type{
    margin-top: 20px;
}
.product_details_partners .partners .partners_item.delivery:first-of-type ul {
    gap: 0;
}
.product_details_partners .partners .partners_item:first-of-type ul {
    gap: 40px;
}
.product_details_partners .partners .partners_item.delivery li {
    white-space: nowrap;
}
.product_details_partners .right_wrap .details_container ul > li {
    list-style: none;
    list-style-position: inside;
    font-weight: 500;
    font-size: 15px;
    line-height: 32px;
    color: #303539;
}

.product_details_links .links {
    margin-top: 26px;
    margin-bottom: 52px;
    display: flex;
    flex-direction: column;
}

/* 모바일 */
@media screen and (max-width:706px){ /*911*/
    .product_details h1 {
        font-size: 26px !important;
        line-height: 32px !important;
    }
    .product_details h2 {
        margin-bottom: 12px !important;
    }
    .product_details h3 {
        display: inline-block !important;
        font-size: 18px !important;
        line-height: 19px !important;
    }
    .product_details h4 {
        margin-top: 18px !important;
    }
    .product_details p {
        font-size: 16px !important;
        line-height: 26px !important;
    }
    .product_details ul {
        gap: 24px !important;
        margin-top: 9px !important;
        margin-bottom: 0px !important;
    }
    .product_details ul > li {
        font-size: 14px !important;
        line-height: 30px !important;
    }
    .product_details .item_list .item_summary {
        width: 100%;
        margin: 0;
    }
    .product_details .item_list .item_summary > div {
        border-left: 3px solid #44494D;
    }
    .product_details .item_list .item_desc {
        margin-top: 13px;
    }

    .product_details_example .transportation_item .ex_item_left_bottom {
        margin-bottom: 0;
    }
    .product_details_example .transportation_item .ex_item_left .ex_icon, .tmap_details_example .life_item .life_item_left .life_item_icon {
        width: 90px;
        height: 90px;
    }
    .product_details_example .transportation_item .ex_item_left {
        grid-row-end: 2;
    }
    .product_details_example .transportation_item {
        width: 100%;
        height: auto;
        display: grid;
        grid-template-columns: 276px 200px 200px;
        grid-template-rows: 355px 40px;
        grid-gap: 15px;
        margin-top: 58px;
    }
    .product_details_example .transportation_item:first-of-type {
        margin-top: 70px;
    }
    .product_details_example .transportation_item:not(:first-of-type) {
        margin-top: 70px;
    }

    .product_details_example .transportation_item .pic_first,
    .product_details_example .transportation_item .pic_second {
        width: 200px;
        height: 355px;
        grid-row-start: 1;
        grid-row-end: 2;
    }

    .partners_grid_list {
        margin: 0 auto;
        margin-top: 15px;
    }

    .ovs_details.product_details_example div:first-of-type h2 {
        margin-top: 60px;
    }
    .ovs_details.product_details_example h2 {
        margin-top: 50px;
    }

    .product_details_example .life_item {
        margin-top: 80px;
    }
    .product_details_example .life_item_left {
        width: 175px;
    }

    .product_details_partners .partners .partners_item:first-of-type {
        margin-top: 30px;
    }
    .product_details_partners .partners .partners_item {
        margin-top: 60px;
    }

    .tms_details .product_details_ux .image.banner .button {
        bottom: 16px;
    }

    .tmap_details .product_details_partners .partners .partners_item.delivery .partners_grid_list {
        width: 100%;
        height: 222px;
        background: url(/upload/products/editor/img/delivery_m.png) center center / cover no-repeat;
    }
    .tmap_details .product_details_partners .partners .partners_item.logistics .partners_grid_list {
        width: 100%;
        height: 304px;
        background: url(/upload/products/editor/img/logistics_m.png) center center / contain no-repeat;
    }
    .tmap_details .product_details_partners .partners .partners_item.emergency .partners_grid_list {
        width: 100%;
        height: 311px;
        background: url(/upload/products/editor/img/emergency_m.png) center center / contain no-repeat;
    }
    .tmap_details .product_details_partners .partners .partners_item.truck .partners_grid_list {
        width: 100%;
        height: 100px;
        background: url(/upload/products/editor/img/truck_m.png) center center / contain no-repeat;
    }
    .tmap_details .product_details_api .image {
        width: 100%;
        height: 260px;
        background: url(/upload/products/editor/img/tmap_details_api_m.png) center center / cover no-repeat;
    }
    .tmap_details .product_details_ux .image {
        width: 100%;
        height: 260px;
        background: url(/upload/products/editor/img/tmap_details_ux_m.png) center center / cover no-repeat;
    }
    .product_details .item_list .item:first-of-type {
        margin-top: 40px !important;
    }
    .product_details .item_list .item {
        flex-direction: column !important;
        margin-top: 40px !important;
    }
    .product_details_example .transportation_item .ex_apps {
        grid-column-start: 1;
        grid-column-end: 4;
        grid-row-start: 2;
        grid-row-end: 3;
        justify-content: flex-end;
    }
    .openapi_details.product_details ul {
        margin-bottom: 9px !important;
    }

    /* openapi images - tablet */
    .openapi_details .product_details_api .image {
        height: 260px;
        background: url('/upload/products/editor/img/openapi_img_openapi_01_tablet.png') center center / cover no-repeat;
    }
    .openapi_details .product_details_ux .image {
        height: 260px;
        background: url('/upload/products/editor/img/openapi_img_openapi_02_tablet.png') center center / cover no-repeat;
    }
    .openapi_details .imageitem_container .imageitem:nth-of-type(1) .image{
        background: url('/upload/products/editor/img/openapi_img_openapi_03_tablet.png') center center / cover no-repeat;
    }
    .openapi_details .imageitem_container .imageitem:nth-of-type(2) .image{
        background: url('/upload/products/editor/img/openapi_img_openapi_04_tablet.png') center center / cover no-repeat;
    }
    .openapi_details .imageitem_container .imageitem:nth-of-type(3) .image{
        background: url('/upload/products/editor/img/openapi_img_openapi_05_tablet.png') center center / cover no-repeat;
    }

    /* broadband images - tablet */
    .broadband_details .product_details_api .image {
        height: 260px;
        background: url('/upload/products/editor/img/broadband_img_01_tablet.png') center center / cover no-repeat;
    }
    .broadband_details .product_details_ux .image {
        height: 260px;
        background: url('/upload/products/editor/img/broadband_img_02_tablet.png') center center / cover no-repeat;
    }

    /* datamap images - tablet */
    .datamap_details .product_details_api .image {
        height: 260px;
        background: url('/upload/products/editor/img/datamap_img_01_tablet.png') center center / cover no-repeat;
    }
    .datamap_details .product_details_ux .image {
        height: 260px;
        background: url('/upload/products/editor/img/datamap_img_02_tablet.png') center center / cover no-repeat;
    }

    /* geovision images - tablet */
    .geovision_details .product_details_api .image {
        height: 260px;
        background: url('/upload/products/editor/img/geovision_img_01_tablet.png') center center / cover no-repeat;
    }
    .geovision_details .product_details_ux .image {
        height: 260px;
        background: url('/upload/products/editor/img/geovision_img_02_tablet.png') center center / cover no-repeat;
    }

    /* cloudcam images - tablet */
    .cloudcam_details .product_details_api .image {
        height: 260px;
        background: url('/upload/products/editor/img/cloudcam_img_01_tablet.png') center center / cover no-repeat;
    }
    .cloudcam_details .product_details_ux .image {
        height: 260px;
        background: url('/upload/products/editor/img/cloudcam_img_02_tablet.png') center center / cover no-repeat;
    }

    /* marketsensing images - tablet */
    .marketsensing_details .product_details_api .image {
        height: 260px;
        background: url('/upload/products/editor/img/marketsensing_img_01_tablet.png') center center / cover no-repeat;
    }
    .marketsensing_details .product_details_ux .image {
        height: 260px;
        background: url('/upload/products/editor/img/marketsensing_img_02_tablet.png') center center / cover no-repeat;
    }

    /* nugudev images - tablet */
    .nugudev_details .product_details_api .image {
        height: 260px;
        background: url('/upload/products/editor/img/nugudev_img_01_tablet.png') center center / cover no-repeat;
    }
    .nugudev_details .product_details_ux .image {
        height: 260px;
        background: url('/upload/products/editor/img/nugudev_img_02_tablet.png') center center / cover no-repeat;
    }

    /* pass images - tablet */
    .pass_details .product_details_api .image {
        height: 260px;
        background: url('/upload/products/editor/img/pass_img_01_tablet.png') center center / cover no-repeat;
    }
    .pass_details .product_details_ux .image {
        height: 260px;
        background: url('/upload/products/editor/img/pass_img_02_tablet.png') center center / cover no-repeat;
    }

    /* place images - tablet */
    .place_details .product_details_api .image {
        height: 260px;
        background: url('/upload/products/editor/img/place_img_01_tablet.png') center center / cover no-repeat;
    }
    .place_details .product_details_api .image.second {
        height: 260px;
        background: url('/upload/products/editor/img/place_img_02_tablet.png') center center / cover no-repeat;
    }
    .place_details .product_details_ux .image {
        height: 260px;
        background: url('/upload/products/editor/img/place_img_03_tablet.png') center center / cover no-repeat;
    }
    .place_details .product_data_introduction .introduction_section.third > .image {
        width: 583px;
        height: 695px;
        background: url('/upload/products/editor/img/place_img_08_tablet.png') center center / cover no-repeat;
    }
    .place_details .product_data_introduction .introduction_section.fourth > .image {
        width: 583px;
        height: 1341px;
        background: url('/upload/products/editor/img/place_img_09_tablet.png') center center / cover no-repeat;
    }
    .place_details .product_details_example .example_text_item .image {
        height: 260px;
        background: url('/upload/products/editor/img/place_img_11_tablet.png') center center / cover no-repeat;
    }

    /* subway images - tablet */
    .subway_details .product_details_api .image {
        height: 260px;
        background: url('/upload/products/editor/img/subway_img_01_tablet.png') center center / cover no-repeat;
    }
    .subway_details .product_details_api .image.second {
        height: 260px;
        background: url('/upload/products/editor/img/subway_img_02_tablet.png') center center / cover no-repeat;
    }
    .subway_details .product_details_ux .image {
        height: 260px;
        background: url('/upload/products/editor/img/subway_img_03_tablet.png') center center / cover no-repeat;
    }

    /* supernova images - tablet */
    .supernova_details .product_details_api .image {
        height: 260px;
        background: url('/upload/products/editor/img/supernova_img_01_tablet.png') center center / cover no-repeat;
    }
    .supernova_details .product_details_ux .image {
        height: 260px;
        background: url('/upload/products/editor/img/supernova_img_02_tablet.png') center center / cover no-repeat;
    }

    /* tid images - tablet */
    .tid_details .product_details_api .image {
        height: 260px;
        background: url('/upload/products/editor/img/tid_img_01_tablet.png') center center / cover no-repeat;
    }
    .tid_details .product_details_ux .image {
        height: 260px;
        background: url('/upload/products/editor/img/tid_img_02_tablet.png') center center / cover no-repeat;
    }

    /* tms images - tablet */
    .tms_details .product_details_api .image {
        height: 260px;
        background: url('/upload/products/editor/img/tms_img_01_tablet.png') center center / cover no-repeat;
    }
    .tms_details .product_details_ux .image {
        height: 260px;
        background: url('/upload/products/editor/img/tms_img_02_tablet.png') center center / cover no-repeat;
    }
    .tms_details .product_details_ux .image.banner {
        height: 260px;
        background: url('/upload/products/editor/img/tms_img_03_tablet.png') center center / cover no-repeat;
    }

    /* travel images - tablet */
    .travel_details .product_details_api .image {
        height: 260px;
        background: url('/upload/products/editor/img/travel_img_01_tablet.png') center center / cover no-repeat;
    }
    .travel_details .product_details_api .image.second {
        height: 260px;
        background: url('/upload/products/editor/img/travel_img_02_tablet.png') center center / cover no-repeat;
    }
    .travel_details .product_details_ux .image {
        height: 260px;
        background: url('/upload/products/editor/img/travel_img_03_tablet.png') center center / cover no-repeat;
    }
    .travel_details .product_data_introduction .introduction_section.fourth > .image {
        width: 616px;
        height: 2139px;
        background: url('/upload/products/editor/img/travel_img_10_tablet.png') center center / cover no-repeat;
    }
    .travel_details .product_details_example .example_text_item .image {
        height: 260px;
        background: url('/upload/products/editor/img/travel_img_05_tablet.png') center center / contain no-repeat;
    }

    /* urbanbase images - tablet */
    .urbanbase_details .product_details_api .image {
        height: 260px;
        background: url('/upload/products/editor/img/urbanbase_img_01_tablet.png') center center / cover no-repeat;
    }
    .urbanbase_details .product_details_ux .image {
        height: 260px;
        background: url('/upload/products/editor/img/urbanbase_img_02_tablet.png') center center / cover no-repeat;
    }

    /* voucher images - tablet */
    .voucher_details .product_details_api .image {
        height: 260px;
        background: url('/upload/products/editor/img/voucher_img_01_tablet.png') center center / cover no-repeat;
    }
    .voucher_details .product_details_ux .image {
        height: 260px;
        background: url('/upload/products/editor/img/voucher_img_02_tablet.png') center center / cover no-repeat;
    }



    .p11st_details .product_details_api .image,
    .nugu_details .product_details_api .image {
        height: 260px;
    }
    .p11st_details .product_details_ux .image,
    .nugu_details .product_details_ux .image {
        height: 260px;
    }

    .nugu_details.product_details .imageitem:first-of-type {
        margin-top: 40px;
    }
    .product_details .imageitem {
        height: fit-content;
        grid-template-columns: 350px 1fr;
        margin-top: 80px;
    }
/*    .openapi_details.product_details .imageitem {
        height: fit-content;
    }*/
    .product_details .imageitem_container .imageitem .image{
        width: 328px;
        height: 221px;
        margin-right: 35px;
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 2;
    }
    .product_details .imageitem_container .imageitem .text{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 2;
    }
    .product_details .imageitem_container .imageitem .refs{
        margin-top: 17px;
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 2;
        grid-row-end: 3;
    }

    .meta_details .product_details_api .image{
        height: 260px;
        background: url('/upload/products/editor/img/meta_img_meta_01_tablet.png') center center / cover no-repeat;
    }
}


@media screen and (max-width:328px){ /* 706 */
    .product_details {
        width: 328px;
    }
    .product_details p {
        line-height: 24px !important;
    }
    .product_details ul {
        gap: 2px !important;
    }
    .product_details h1 {
        font-size: 22px !important;
        line-height: 27px !important;
    }
    .product_details h2 {
        font-size: 20px !important;
        line-height: 25px !important;
        margin-top: 0px !important;
        margin-bottom: 14px !important;
    }
    .product_details h4 {
        margin-top: 16px !important;
        font-size: 15px !important;
        line-height: 24px !important;
    }
    .ovs_details.product_details_example div:first-of-type h2 {
        margin-top: 50px !important;
    }
    .ovs_details.product_details_example h2 {
        margin-top: 40px !important;
    }
    .openapi_details .product_details_example > h2 {
        margin-top: 40px !important;
    }
    .supernova_details .product_details_example div:first-of-type h2 {
        margin: 0 !important;
        margin-bottom: 6px !important;
    }
    .product_details ul > li {
        line-height: 25px !important;
    }
    .product_details .imageitem ul > li {
        font-size: 15px !important;
        line-height: 24px !important;
    }
    .product_details hr {
        margin: 40px 0 !important;
    }
    .product_details .item_list .item_desc {
        margin-top: 13px;
        font-weight: 400;
        font-size: 15px;
        line-height: 24px;
    }
    .product_details_example .transportation_item {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        grid-gap: 0;
    }
    .product_details_example .transportation_item:not(:first-of-type) {
        margin-top: 50px;
    }
    .product_details_example .transportation_item .ex_item_left_bottom {
        flex: none;
        margin-top: 35px;
    }
    .supernova_details .product_details_example .transportation_item .ex_item_left_bottom {
        margin-top: 28px;
    }
    .tmap_details .product_details_ux .image {
        height: 184px;
        background: url(/upload/products/editor/img/tmap_details_ux_s.png) center center / contain no-repeat;
    }
    .tmap_details .product_details_api .image {
        height: 184px;
        background: url(/upload/products/editor/img/tmap_details_api_s.png) center center / contain no-repeat;
    }
    .product_details_partners .partners .partners_item:first-of-type {
        margin-top: 10px;
        margin-bottom: 30px;
    }
    .product_details_partners .partners .partners_item {
        margin-top: 10px;
        margin-bottom: 30px;
    }
    .product_details_partners .partners .partners_item:last-of-type {
        margin-top: 10px;
        margin-bottom: 0px;
    }
    .tmap_details .product_details_partners .partners .partners_item.delivery .partners_grid_list {
        width: 328px;
        height: 321px;
        background: url(/upload/products/editor/img/delivery_s.png) center center / contain no-repeat;
    }
    .tmap_details .product_details_partners .partners .partners_item.logistics .partners_grid_list {
        width: 328px;
        height: 502px;
        background: url(/upload/products/editor/img/logistics_s.png) center center / contain no-repeat;
    }
    .tmap_details .product_details_partners .partners .partners_item.emergency .partners_grid_list {
        width: 328px;
        height: 565px;
        background: url(/upload/products/editor/img/emergency_s.png) center center / contain no-repeat;
    }
    .tmap_details .product_details_partners .partners .partners_item.truck .partners_grid_list {
        width: 328px;
        height: 91px;
        background: url(/upload/products/editor/img/truck_s.png) center center / contain no-repeat;
    }
    .product_details_example .transportation_item .pic_first,
    .product_details_example .transportation_item .pic_second {
        display: none;
        height: 0;
    }

    .product_details .item_list .item {
        margin-top: 40px !important;
        flex-direction: column !important;
    }

    .product_details_example .life_item {
        margin-top: 50px;
        flex-direction: column;
    }
    .product_details_example .transportation_item:first-of-type {
        margin-top: 40px;
    }
    .supernova_details .product_details_example .transportation_item {
        margin-top: 50px;
    }
    .supernova_details .product_details_example .transportation_item:first-of-type {
        margin-top: 45px;
    }
    .product_details_example .transportation_item {
        margin-top: 50px;
    }
    .product_details_example .transportation_item .ex_apps > div {
        width: 105px;
        height: 33px;
    }
    .product_details_example .transportation_item .ex_apps .ex_googleplay {
        background: url(/upload/products/editor/img/googleplay_s.png) center center no-repeat;
    }
    .product_details_example .transportation_item .ex_apps .ex_onestore {
        background: url(/upload/products/editor/img/onestore_s.png) center center no-repeat;
    }
    .product_details_example .transportation_item .ex_apps .ex_appstore {
        background: url(/upload/products/editor/img/appstore_s.png) center center no-repeat;
    }
    .product_details_example .transportation_item .ex_apps {
        justify-content: flex-start;
        margin-top: 15px;
        height: 34px;
    }
    .product_details_example .life_item_left {
        margin-bottom: 16px;
    }

    /* table */
    .product_details .table_content_wrapper {
        margin-top: 60px;
    }

    .product_details .table_content_wrapper:first-of-type {
        margin-top: 70px;
    }

    .product_details .table_content_wrapper table {
        margin-top: 20px;
    }

    .product_details .table_content_wrapper th {
        padding: 10px;
    }

    .product_details .table_content_wrapper tr th:first-of-type,
    .product_details .table_content_wrapper tr td:first-of-type:not(:last-of-type) {
        width: 108px;
    }
    .product_details .table_content_wrapper tbody td,
    .product_details .table_content_wrapper tbody th {
        font-size: 13px;
    }
    .voucher_details.product_details .table_content_wrapper {
        margin-top: 0px;
    }
    .voucher_details.product_details .table_content_wrapper tr td:first-of-type:not(:last-of-type) {
        width: 168px;
    }

    /* example_text_item */
    .product_details_example .example_text_item {
        margin-top: 50px;
    }

    .product_details_example .example_text_item:first-of-type {
        margin-top: 40px;
    }

    /* openapi - mobile */
    .openapi_details .product_details_api .image {
        height: 184px;
        background: url(/upload/products/editor/img/openapi_img_openapi_01_mobile.png) center center / contain no-repeat;
    }
    .openapi_details .product_details_ux .image {
        height: 184px;
        background: url(/upload/products/editor/img/openapi_img_openapi_02_mobile.png) center center / contain no-repeat;
    }
    /* nugu - mobile */
    .nugu_details .product_details_api .image {
        height: 184px;
        background: url(/upload/products/editor/img/nugu_img_01_mobile.png) center center / contain no-repeat;
    }
    .nugu_details .product_details_ux .image {
        height: 184px;
        background: url(/upload/products/editor/img/nugu_img_02_mobile.png) center center / contain no-repeat;
    }
    /* 11st - mobile */
    .p11st_details .product_details_api .image {
        height: 184px;
        background: url(/upload/products/editor/img/11st_img_01_mobile.png) center center / contain no-repeat;
    }
    .p11st_details .product_details_ux .image {
        height: 184px;
        background: url(/upload/products/editor/img/11st_img_02_mobile.png) center center / contain no-repeat;
    }
    /* ovs - mobile */
    .ovs_details .product_details_api .image {
        height: 184px;
        background: url(/upload/products/editor/img/ovs_img_01_mobile.png) center center / contain no-repeat;
    }
    .ovs_details .product_details_ux .image {
        height: 184px;
        background: url(/upload/products/editor/img/ovs_img_02_mobile.png) center center / contain no-repeat;
    }

    /* voucher images - mobile */
    .voucher_details .product_details_api .image {
        width: 100%;
        height: 184px;
        background: url(/upload/products/editor/img/voucher_img_01_mobile.png) center center / contain no-repeat;
    }
    .voucher_details .product_details_ux .image {
        width: 100%;
        height: 184px;
        background: url(/upload/products/editor/img/voucher_img_02_mobile.png) center center / contain no-repeat;
    }

    /* tid images - mobile */
    .tid_details .product_details_api .image {
        width: 100%;
        height: 184px;
        background: url(/upload/products/editor/img/tid_img_01_mobile.png) center center / contain no-repeat;
    }
    .tid_details .product_details_ux .image {
        width: 100%;
        height: 184px;
        background: url(/upload/products/editor/img/tid_img_02_mobile.png) center center / contain no-repeat;
    }

    /* olabang images - mobile */
    .olabang_details .product_details_api .image {
        height: 184px;
        background: url(/upload/products/editor/img/olabang_img_01_mobile.png) center center / contain no-repeat;
    }
    .olabang_details .product_details_ux .image {
        height: 184px;
        background: url(/upload/products/editor/img/olabang_img_02_mobile.png) center center / contain no-repeat;
    }
    .olabang_details .product_details_example .transportation_item {
        flex-direction: column-reverse;
    }
    .olabang_details .product_details_example .transportation_item.kakao .pic_first {
        display: block;
        width: 100%;
        height: 107px;
        background: url(/upload/products/editor/img/olabang_img_03_mobile.png) center center / contain no-repeat;
    }
    .olabang_details .product_details_example .transportation_item.instagram .pic_first {
        display: block;
        width: 100%;
        height: 197px;
        background: url(/upload/products/editor/img/olabang_img_05_mobile.png) center center / contain no-repeat;
    }
    .olabang_details .product_details_example .transportation_item.youtube .pic_first {
        display: block;
        width: 100%;
        height: 173px;
        background: url(/upload/products/editor/img/olabang_img_07_mobile.png) center center / contain no-repeat;
    }

    /* cloudcam images - mobile */
    .cloudcam_details .product_details_api .image {
        height: 184px;
        background: url(/upload/products/editor/img/cloudcam_img_01_mobile.png) center center / contain no-repeat;
    }
    .cloudcam_details .product_details_ux .image {
        height: 184px;
        background: url(/upload/products/editor/img/cloudcam_img_02_mobile.png) center center / contain no-repeat;
    }

    /* supernova images - mobile */
    .supernova_details .product_details_api .image {
        height: 184px;
        background: url(/upload/products/editor/img/supernova_img_01_mobile.png) center center / contain no-repeat;
    }
    .supernova_details .product_details_ux .image {
        height: 184px;
        background: url(/upload/products/editor/img/supernova_img_02_mobile.png) center center / contain no-repeat;
    }
    .supernova_details .product_details_example .transportation_item .ex_item_left .ex_icon {
        display: none;
    }
    .supernova_details .product_details_example .transportation_item {
        flex-direction: column-reverse;
    }
    .supernova_details .product_details_example .transportation_item.remastering .pic_first {
        display: block;
        width: 159px;
        height: 282px;
        background: url(/upload/products/editor/img/supernova_img_04_mobile.png) center center / contain no-repeat;
    }
    .supernova_details .product_details_example .transportation_item.remastering .pic_second {
        display: block;
        width: 159px;
        height: 282px;
        background: url(/upload/products/editor/img/supernova_img_05_mobile.png) center center / contain no-repeat;
    }
    .supernova_details .product_details_example .transportation_item.deoldify .pic_first {
        display: block;
        width: 159px;
        height: 282px;
        background: url(/upload/products/editor/img/supernova_img_07_mobile.png) center center / contain no-repeat;
    }
    .supernova_details .product_details_example .transportation_item.deoldify .pic_second {
        display: block;
        width: 159px;
        height: 282px;
        background: url(/upload/products/editor/img/supernova_img_08_mobile.png) center center / contain no-repeat;
    }
    .supernova_details .product_details_example .transportation_item.factory .pic_first {
        display: block;
        width: 159px;
        height: 282px;
        background: url(/upload/products/editor/img/supernova_img_10_mobile.png) center center / contain no-repeat;
    }
    .supernova_details .product_details_example .transportation_item.factory .pic_second {
        display: block;
        width: 159px;
        height: 282px;
        background: url(/upload/products/editor/img/supernova_img_11_mobile.png) center center / contain no-repeat;
    }
    .supernova_details .product_details_example .transportation_item.security .pic_first {
        display: block;
        width: 159px;
        height: 282px;
        background: url(/upload/products/editor/img/supernova_img_12_mobile.png) center center / contain no-repeat;
    }
    .supernova_details .product_details_example .transportation_item.security .pic_second {
        display: block;
        width: 159px;
        height: 282px;
        background: url(/upload/products/editor/img/supernova_img_13_mobile.png) center center / contain no-repeat;
    }

    /* pass images - mobile */
    .pass_details .product_details_api .image {
        height: 184px;
        background: url(/upload/products/editor/img/pass_img_01_mobile.png) center center / contain no-repeat;
    }
    .pass_details .product_details_ux .image {
        height: 184px;
        background: url(/upload/products/editor/img/pass_img_02_mobile.png) center center / contain no-repeat;
    }

    /* geovision images - mobile */
    .geovision_details .product_details_api .image {
        height: 184px;
        background: url(/upload/products/editor/img/geovision_img_01_mobile.png) center center / contain no-repeat;
    }
    .geovision_details .product_details_ux .image {
        height: 184px;
        background: url(/upload/products/editor/img/geovision_img_02_mobile.png) center center / contain no-repeat;
    }

    /* subway images - mobile */
    .subway_details .product_details_api .image {
        height: 184px;
        background: url(/upload/products/editor/img/subway_img_01_mobile.png) center center / contain no-repeat;
    }
    .subway_details .product_details_api .image.second {
        height: 184px;
        background: url(/upload/products/editor/img/subway_img_02_mobile.png) center center / contain no-repeat;
    }
    .subway_details .product_details_ux .image {
        height: 184px;
        background: url(/upload/products/editor/img/subway_img_03_mobile.png) center center / contain no-repeat;
    }

    /* travel images - mobile */
    .travel_details .product_details_api .image {
        height: 184px;
        background: url(/upload/products/editor/img/travel_img_01_mobile.png) center center / contain no-repeat;
    }
    .travel_details .product_details_api .image.second {
        height: 184px;
        background: url(/upload/products/editor/img/travel_img_02_mobile.png) center center / contain no-repeat;
    }
    .travel_details .product_partners .image {
        height: 321px;
        background: url(/upload/products/editor/img/travel_img_03_mobile.png) center center / contain no-repeat;
    }
    .travel_details .product_details_ux .image {
        height: 184px;
        background: url(/upload/products/editor/img/travel_img_04_mobile.png) center center / contain no-repeat;
    }
    .travel_details .product_details_example .example_text_item .image {
        height: 443px;
        background: url(/upload/products/editor/img/travel_img_05_mobile.png) center center / contain no-repeat;
    }

    /* place images - mobile */
    .place_details .product_details_api .image {
        height: 184px;
        background: url(/upload/products/editor/img/place_img_01_mobile.png) center center / contain no-repeat;
    }
    .place_details .product_details_api .image.second {
        height: 184px;
        background: url(/upload/products/editor/img/place_img_02_mobile.png) center center / contain no-repeat;
    }
    .place_details .product_partners .image {
        height: 321px;
        background: url(/upload/products/editor/img/place_img_03_mobile.png) center center / contain no-repeat;
    }
    .place_details .product_details_ux .image {
        height: 184px;
        background: url(/upload/products/editor/img/place_img_04_mobile.png) center center / contain no-repeat;
    }
    .place_details .product_details_example .example_text_item .image {
        height: 443px;
        background: url(/upload/products/editor/img/place_img_11_mobile.png) center center / contain no-repeat;
    }

    /* datamap images - mobile */
    .datamap_details .product_details_api .image {
        height: 184px;
        background: url(/upload/products/editor/img/datamap_img_01_mobile.png) center center / contain no-repeat;
    }
    .datamap_details .product_details_ux .image {
        height: 184px;
        background: url(/upload/products/editor/img/datamap_img_02_mobile.png) center center / contain no-repeat;
    }
    .datamap_details .imageitem_container .imageitem:nth-of-type(1) .image {
        background: url(/upload/products/editor/img/datamap_img_03_mobile.png) center center / cover no-repeat;
    }
    .datamap_details .imageitem_container .imageitem:nth-of-type(2) .image {
        background: url(/upload/products/editor/img/datamap_img_04_mobile.png) center center / cover no-repeat;
    }

    /* tms images - mobile */
    .tms_details .product_details_api .image {
        height: 184px;
        background: url(/upload/products/editor/img/tms_img_01_mobile.png) center center / contain no-repeat;
    }
    .tms_details .product_details_ux .image {
        height: 184px;
        background: url(/upload/products/editor/img/tms_img_02_mobile.png) center center / contain no-repeat;
    }
    .tms_details .product_details_ux .image.banner {
        position: relative;
        height: 184px;
        background: url(/upload/products/editor/img/tms_img_03_mobile.png) center center / contain no-repeat;
    }
    .tms_details .product_details_ux .image.banner .button {
        width: 100px;
        height: 26px;
        font-weight: 500;
        font-size: 10px;
        line-height: 14px;
        bottom: 14px;
    }

    /* marketsensing images - mobile */
    .marketsensing_details .product_details_api .image {
        height: 184px;
        background: url(/upload/products/editor/img/marketsensing_img_01_mobile.png) center center / contain no-repeat;
    }
    .marketsensing_details .product_details_ux .image {
        height: 184px;
        background: url(/upload/products/editor/img/marketsensing_img_02_mobile.png) center center / contain no-repeat;
    }

    /* broadband images - mobile */
    .broadband_details .product_details_api .image {
        height: 184px;
        background: url(/upload/products/editor/img/broadband_img_01_mobile.png) center center / contain no-repeat;
    }
    .broadband_details .product_details_ux .image {
        height: 184px;
        background: url(/upload/products/editor/img/broadband_img_02_mobile.png) center center / contain no-repeat;
    }

    /* nugudev images - mobile */
    .nugudev_details .product_details_api .image {
        height: 184px;
        background: url(/upload/products/editor/img/nugudev_img_01_mobile.png) center center / contain no-repeat;
    }
    .nugudev_details .product_details_ux .image {
        height: 184px;
        background: url(/upload/products/editor/img/nugudev_img_02_mobile.png) center center / contain no-repeat;
    }
    .nugudev_details .product_partners .image {
        height: 198px;
        background: url(/upload/products/editor/img/nugudev_img_11_mobile.png) center center / contain no-repeat;
    }

    /* data introduction - mobile */
    .product_data_introduction {
        padding: 30px 20px;
    }

    .product_data_introduction .introduction_section:not(:first-of-type) {
        margin-top: 50px;
    }

    .product_data_introduction .introduction_section:last-of-type {
        margin-top: 35px;
    }

    .product_data_introduction .title {
        font-size: 17px;
        line-height: 30px;
        margin-bottom: 8px;
    }

    .product_data_introduction .desc {
        font-size: 14px;
        line-height: 24px;
    }

    .product_data_introduction .desc strong {
        font-size: 14px;
        line-height: 24px;
    }

    .product_data_introduction .li_desc {
        font-size: 14px;
        line-height: 22px;
    }

    .product_data_introduction .introduction_section.second > .image,
    .product_data_introduction .introduction_section.third > .image {
        margin: 0 auto;
    }

    /* subway introduction */
    .subway_details .product_data_introduction .introduction_section.second > .image:nth-of-type(3) {
        width: 285px;
        height: 279px;
        background: url(/upload/products/editor/img/subway_img_10_mobile.png) center center / contain no-repeat;
        margin-top: 24px;
    }
    .subway_details .product_data_introduction .introduction_section.second .image1 {
        width: 285px;
        height: 279px;
        margin-top: 24px;
    }

    .subway_details .product_data_introduction .introduction_section.second > .image:nth-of-type(4) {
        width: 287px;
        height: 162px;
        background: url(/upload/products/editor/img/subway_img_11_pc.gif) center center / contain no-repeat;
    }

    .subway_details .product_data_introduction .introduction_section.second > .image:nth-of-type(5) {
        width: 287px;
        height: 162px;
        background: url(/upload/products/editor/img/subway_img_12_pc.gif) center center / contain no-repeat;
        margin-top: 20px;
    }

    .subway_details .product_data_introduction .introduction_section.second > .image:nth-of-type(6) {
        width: 287px;
        height: 185px;
        background: url(/upload/products/editor/img/subway_img_13_pc.gif) center center / contain no-repeat;
        margin-top: 20px;
    }

    .subway_details .product_data_introduction .introduction_section.third > .image {
        width: 283px;
        height: 517px;
        background: url(/upload/products/editor/img/subway_img_14_mobile.png) center center / contain no-repeat;
        margin-top: 16px;
    }

    .subway_details .product_data_introduction .introduction_section.fourth > .image {
        width: 285px;
        height: 248px;
        background: url(/upload/products/editor/img/subway_img_15_mobile.png) center center / contain no-repeat;
        margin-top: 8px;
    }

    /* travel introduction */
    .travel_details .product_data_introduction .introduction_section.second > .image:nth-of-type(3) {
        width: 287px;
        height: 24px;
        background: url(/upload/products/editor/img/travel_img_06_mobile.png) center center / contain no-repeat;
        margin-top: 24px;
    }

    .travel_details .product_data_introduction .introduction_section.second > .image:nth-of-type(4) {
        width: 285px;
        height: 184px;
        background: url(/upload/products/editor/img/travel_img_07_pc.gif) center center / contain no-repeat;
        margin-top: 8px;
    }

    .travel_details .product_data_introduction .introduction_section.second > .image:nth-of-type(5) {
        width: 287px;
        height: 252px;
        background: url(/upload/products/editor/img/travel_img_08_mobile.png) center center / contain no-repeat;
        margin-top: 30px;
    }

    .travel_details .product_data_introduction .introduction_section.third > .image {
        width: 285px;
        height: 50px;
        background: url(/upload/products/editor/img/travel_img_09_mobile.png) center center / contain no-repeat;
        margin-top: 10px;
    }

    .travel_details .product_data_introduction .introduction_section.fourth > .image {
        width: 285px;
        height: 1748px;
        background: url(/upload/products/editor/img/travel_img_10_mobile.png) center center / contain no-repeat;
        margin-top: 13px;
    }

    .travel_details .product_data_introduction .introduction_section.fifth > .image {
        width: 285px;
        height: 296px;
        background: url(/upload/products/editor/img/travel_img_11_mobile.png) center center / contain no-repeat;
        margin-top: 15px;
    }

    /* place introduction */
    .place_details .product_data_introduction .introduction_section.second > .image:nth-of-type(3) {
        width: 286px;
        height: 24px;
        background: url(/upload/products/editor/img/place_img_05_mobile.png) center center / contain no-repeat;
        margin-top: 24px;
    }

    .place_details .product_data_introduction .introduction_section.second > .image:nth-of-type(4) {
        width: 285px;
        height: 167px;
        background: url(/upload/products/editor/img/place_img_06_pc.gif) center center / contain no-repeat;
        margin-top: 8px;
    }

    .place_details .product_data_introduction .introduction_section.second > .image:nth-of-type(5) {
        width: 285px;
        height: 303px;
        background: url(/upload/products/editor/img/place_img_07_mobile.png) center center / contain no-repeat;
        margin-top: 30px;
    }

    .place_details .product_data_introduction .introduction_section.third > .image:nth-of-type(2) {
        width: 285px;
        height: 480px;
        background: url(/upload/products/editor/img/place_img_08_mobile.png) center center / contain no-repeat;
        margin-top: 8px;
    }

    .place_details .product_data_introduction .introduction_section.fourth > .image {
        width: 285px;
        height: 993px;
        background: url(/upload/products/editor/img/place_img_09_mobile.png) center center / contain no-repeat;
        margin-top: 13px;
    }

    .place_details .product_data_introduction .introduction_section.fifth > .image {
        width: 285px;
        height: 319px;
        background: url(/upload/products/editor/img/place_img_10_mobile.png) center center / contain no-repeat;
        margin-top: 15px;
    }

    .product_details .imageitem {
        height: auto;
        margin-top: 50px;
        display: flex;
        flex-direction: column;
    }
    .product_details .imageitem:first-of-type{
        margin-top: 10px;
    }
    .product_details .imageitem_container .imageitem .image{
        width: 328px;
        height: 221px;
        margin: 0;
        margin-bottom: 25px;
    }
    .product_details .imageitem_container .imageitem .text{
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }
    .product_details .imageitem_container .imageitem .refs{
        margin-top: 15px;
    }

    .meta_details .product_details_api .image{
        height: 185px;
        background: url('/upload/products/editor/img/meta_img_meta_01_mobile.png') center center / cover no-repeat;
    }

    .supernova_details .product_video .video_area,
    .meta_details .product_video .video_area {
        width: 328px;
        height: 184px;
    }

    .product_details div.ref {
        margin-bottom: 28px;
    }
}


/************* iframe용 css 끝 *************/




.section_top {
    display:  flex;
    margin-bottom:  15px;
}

.select_box {
    width:  150px;
    padding-right:  15px;
}

.select_box:not(:first-of-type){
    margin-left: 10px;
}

.products_details_container{
    background-color: #FAFBFF;
    border: 1px solid #D2D5E0;
    border-radius: 10px;
    width: 1039px;
    height: 100%;
    padding: 30px 63px;
}

.tmap_wrap .tmap_details.products_details{
    padding: 0;
}


.products_content{
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.products_content .title {
    margin-bottom:  50px;
    font-size:  30px;
    font-weight:  600;
}


/* product popup */
.modal_bg.need_login_modal .message_modal{
    width: 700px;
}

.modal_bg.test_result_modal .message_modal{
    width: 700px;
}

.modal_bg.test_result_modal .sub_text span::after{
    position:absolute;
    content:'';
    width:3px;
    height:3px;
    border-radius: 100%;
    background:#474b5a;
    left:-10px;
    top:5px;
}

.modal_bg.test_result_modal .sub_text span{
    font-weight:400;
    color: #6E7283;
}

.sub_text table {
    table-layout: fixed;
    text-align: center;
    min-width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 23px;
}

.sub_text table > thead > tr > th {
    border-bottom:1px solid #e5e5e5;
    padding:19px 9px 19px 9px;
    background: rgba(223,226,235,1);
    font-size:15px;
    font-weight:400;
    box-sizing:border-box;
    height: 55px;
}

.sub_text table thead th, td {
    color : #222;
    vertical-align:  middle;
    border:  1px solid rgba(210,213,224,1);
    text-align:  center;
}

.sub_text table > tbody > tr {
    height: 55px;
}

.sub_text table > tbody > tr > td {
    position:relative;
    padding:0px 9px 0px 9px;
    font-size:15px;
    color:#222;
    box-sizing:border-box;
    vertical-align:middle;
}


/* table */

.products_content table {
    table-layout: fixed;
    text-align: center;
    min-width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.products_content table > thead > tr > th {
    border-bottom:1px solid #e5e5e5;
    padding:19px 9px 19px 9px;
    background: #FFFFFF;
    font-size:15px;
    font-weight:400;
    box-sizing:border-box;
    height: 55px;
}

.products_content table thead th, td {
    color : #222;
    vertical-align:  middle;
    border:  1px solid rgba(210,213,224,1);
    text-align:  center;
}

.products_content table > tbody > tr {
    height: 55px;
}

.products_content table > tbody > tr > td {
    position:relative;
    padding:0px 9px 0px 9px;
    font-size:15px;
    color:#222;
    box-sizing:border-box;
    vertical-align:middle;
}

.products_content table > tbody > tr > td.a_cont_td {
    padding:0;
    border-bottom:0;
}


.products_content table .a_content {
    padding:18px;
    background:rgba(236,238,245,1);
}


.products_content table > tbody > tr > td .btn_history {
    display:inline-block;
/*    font-size:14px;*/
    padding-right:25px;
    background:url('../img/icon/arrow_down.png') no-repeat right center;
    background-size:22px auto;
}

.products_content table > tbody > tr.on > td .btn_history {
    background:url('../img/icon/arrow_top.png') no-repeat right center;
    background-size:22px auto;
}

.products_content table tbody td {
    padding:8px 0;
    background-color:rgba(250,251,255,1);
    vertical-align:middle !important;
/*    word-break:break-all;*/
}

.products_content table tbody td span {
    font-size:14px;
}